.bg { background-color: #fff; }

/* index home */
.m-index .slider { height: 4.03rem; }
.m-index .slider .slider-indicator { bottom: 0.48rem; }
.m-index .slider .slider-indicator .mui-indicator { width: 0.14rem; height: 0.14rem; margin: 1px; background-color: rgba(255, 255, 255, 0.54); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0); }
.m-index .slider .slider-indicator .mui-indicator.mui-active { background-color: white; }
.m-index .index-tabs { height: 1.76rem; background-color: #fff; }
.m-index .index-tabs .tab { width: 25%; height: 1.76rem; text-align: center; float: left; }
.m-index .index-tabs .tab img { width: 0.88rem; height: 0.88rem; margin: 0.2rem 0 0.05rem; }
.m-index .index-tabs .tab span { font-size: 0.25rem; color: #666; display: block; }
.m-index .index-recommend { margin: 0.16rem 0; height: 6.26rem; background-color: #fff; }
.m-index .index-recommend .m-recommend { padding-top: 0.45rem; }
.m-index .index-recommend .m-recommend .recommend { width: 5.55rem; height: 5.36rem; border-radius: 0.15rem; background-color: #fff; box-shadow: 0px 3px 16px 2px rgba(188, 195, 201, 0.2); margin: 0 auto; position: relative; }
.m-index .index-recommend .m-recommend .recommend .bd { position: absolute; display: inline-block; background: url(../images/index-recommend-bg.png) no-repeat; background-size: 100% 100%; width: 5.55rem; height: 3.86rem; bottom: 0; z-index: -1; }
.m-index .index-recommend .m-recommend .recommend .bd.bd-1 { background: url(../images/index-recommend-bg-1.png) no-repeat; background-size: 100% 100%; }
.m-index .index-recommend .m-recommend .recommend .bd.bd-2 { background: url(../images/index-recommend-bg-2.png) no-repeat; background-size: 100% 100%; }
.m-index .index-recommend .m-recommend .recommend h3 { padding: 0.45rem 0 0.55rem; font-size: 0.4rem; color: #2e2e2e; text-align: center; }
.m-index .index-recommend .m-recommend .recommend .rate { padding-bottom: 0.45rem; }
.m-index .index-recommend .m-recommend .recommend .rate p { font-size: 0.26rem; color: #c1c1c1; text-align: center; margin-bottom: 0.05rem; }
.m-index .index-recommend .m-recommend .recommend .rate p.percent { font-size: 1rem; line-height: 1rem; font-weight: bold; color: #20adff; }
.m-index .index-recommend .m-recommend .recommend .info { padding: 0 0.65rem; }
.m-index .index-recommend .m-recommend .recommend .info span { font-size: 0.28rem; color: #697d91; }
.m-index .index-recommend .m-recommend .recommend .info span.center { width: 45%; text-align: left; display: block; margin: 0 auto; }
.m-index .index-recommend .m-recommend .recommend .btn { margin: 0.1rem auto; width: 4.58rem; height: 0.8rem; border-radius: 0.4rem; color: #fff; background-color: #20adff; box-shadow: 0px 4px 9.7px 0.3px rgba(54, 125, 241, 0.45); display: block; text-align: center; }
.m-index .index-recommend .m-recommend .recommend .btn span { display: block; line-height: 1.2; letter-spacing: 1px; }
.m-index .index-recommend .m-recommend .recommend .btn span.text { font-size: 0.32rem; padding-top: 0.1rem; }
.m-index .index-recommend .m-recommend .recommend .btn span.number { font-size: 0.2rem; }
.m-index .index-recommend .m-recommend .recommend .sign { top: -.1rem; left: .3rem; width: 1.2rem; height: .46rem; line-height: .46rem; font-size: .24rem; color: #fff; border-top-left-radius: .04rem; border-bottom-left-radius: .04rem; border-bottom-right-radius: .04rem; background-color: #ff5b5b; box-shadow: 0 2px 4px 0.16px rgba(255, 91, 91, 0.2); text-align: center; display: inline-block; }
.m-index .index-recommend .m-recommend .recommend .sign .triangle { right: -.05rem; top: 0; width: .07rem; height: .1rem; background: url(../images/new/triangle.png) no-repeat; background-size: 100% 100%; display: inline-block; z-index: -1; }

/* public */

/* bar-tab */
.nav-bar { position: fixed; bottom: 0; width: 100%; height: 0.98rem; background-color: #fff; border-top: 1px solid #e5e5e5; z-index: 2; }
.nav-bar ul li { float: left; width: 25%; height: 0.98rem; }
.nav-bar ul li i { margin: 0.15rem auto 0; width: 0.42rem; height: 0.42rem; display: block; }
.nav-bar ul li i.icon-1 { background: url(../images/bar-icon-1.png) no-repeat; background-size: 100% 100%; }
.nav-bar ul li i.icon-2 { background: url(../images/bar-icon-2.png) no-repeat; background-size: 100% 100%; }
.nav-bar ul li i.icon-3 { background: url(../images/bar-icon-3.png) no-repeat; background-size: 100% 100%; }
.nav-bar ul li i.icon-4 { background: url(../images/bar-icon-4.png) no-repeat; background-size: 100% 100%; }
.nav-bar ul li span { display: block; text-align: center; color: #697d91; font-size: 0.2rem; }
.nav-bar ul li.active span { color: #06a1fb; }
.nav-bar ul li.active i.icon-1 { background: url(../images/bar-icon-hover-1.png) no-repeat; background-size: 100% 100%; }
.nav-bar ul li.active i.icon-2 { background: url(../images/bar-icon-hover-2.png) no-repeat; background-size: 100% 100%; }
.nav-bar ul li.active i.icon-3 { background: url(../images/bar-icon-hover-3.png) no-repeat; background-size: 100% 100%; }
.nav-bar ul li.active i.icon-4 { background: url(../images/bar-icon-hover-4.png) no-repeat; background-size: 100% 100%; }

/* header */
.header { padding: 0 0.3rem; height: 1.28rem; line-height: 1.68rem; letter-spacing: 1px; font-size: 0.34rem; font-weight: normal; color: #fff; background-color: #20adff; text-align: center; }
.header .icon-angle-left { left: 0.3rem; font-size: 0.5rem; margin-top: 0.6rem; width: 0.5rem; }
.header small { right: 0.3rem; font-size: 0.24rem; }

/* invest */
.m-invest { overflow: hidden; }
/*.m-invest .tabs { height: 0.88rem; background-color: #fff; }
.m-invest .tabs.box-shadow { box-shadow: 0px 2px 9px 1px rgba(155, 167, 178, 0.21); }
.m-invest .tabs .tab { float: left; text-align: center; margin-top: 0.25rem; width: 33%; font-size: 0.32rem; border-right: 1px solid #f4f4f8; color: #999; }
.m-invest .tabs .tab.border-none { border-right: none; }
.m-invest .tabs .tab .select-icon { width: 0.22rem; height: 0.24rem; background: url(../images/select-icon.png) no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; }
.m-invest .tabs .tab .arrow { display: inline-block; vertical-align: middle; }
.m-invest .tabs .tab .arrow .icon-triangle-up, .m-invest .tabs .tab .arrow .icon-triangle-down { display: block; font-size: 0.24rem; line-height: 0.5; }
.m-invest .tabs .tab.active { color: #20adff; }
.m-invest .tabs .tab.active .select-icon { background: url(../images/select-active-icon.png) no-repeat; background-size: 100% 100%; }
.m-invest .tabs .tab.active .icon-triangle-up, .m-invest .tabs .tab.active .icon-triangle-down { color: #20adff; }
.m-invest .recommend { background-color: #fff; margin: 0.16rem 0; }
.m-invest .recommend h3 { height: 0.78rem; line-height: 0.78rem; padding-left: 0.32rem; letter-spacing: 2px; font-size: 0.3rem; font-weight: normal; color: #999; border-bottom: 1px solid #ebebeb; }
.m-invest .recommend .project .periods { color: #fff; background-color: #f8724f; height: 0.46rem; line-height: 0.46rem; margin-left: 0.15rem; padding: 0.02rem 0.1rem; position: relative; }
.m-invest .recommend .project .periods:before { position: absolute; left: 99%; top: 0; content: ''; width: 0; height: 0; border: 0.21rem solid #f8724f; border-right-color: transparent; border-left-width: 0.1rem; border-bottom-width: 0.29rem; }*/

.m-invest .project { background-color: #fff; }
.m-invest .project h4 { margin-left: 0.32rem; height: 0.88rem; line-height: 0.88rem; border-bottom: 1px solid #ebebeb; font-weight: normal; }
.m-invest .project h4 .award-icon { width: 0.62rem; height: 0.79rem; background: url(../images/award-icon.png) no-repeat; background-size: 100% 100%; display: inline-block; float: left; }
.m-invest .project h4 .periods { font-size: 0.34rem; color: #5b5b5b; }
.m-invest .project h4 .periods .sign, .m-invest .project h4 .periods .awards { width: .3rem; height: .3rem; line-height: .3rem; font-size: .24rem; border-radius: .04rem; display: inline-block; text-align: center; }
.m-invest .project h4 .periods .sign { background-color: #ff5b5b; color: #fff; }
.m-invest .project h4 .periods .awards { margin-right: .1rem; background-color: #ffdbc1; color: #ff7a22; }
.m-invest .project h4 .num { padding-right: 0.3rem; letter-spacing: 2px; font-size: 0.24rem; color: #cfcfcf; }
.m-invest .project .info { padding: 0.27rem 0.3rem 0.32rem 0.32rem; }
.m-invest .project .info p { width: 33.3%; float: left; }
.m-invest .project .info p > span { display: block; color: #c2c2c2; font-size: 0.24rem; }
.m-invest .project .info p > span.percent, .m-invest .project .info p > span.date-line { font-size: 0.26rem; }
.m-invest .project .info p > span.percent span, .m-invest .project .info p > span.date-line span { font-size: 0.52rem; }
.m-invest .project .info p > span.percent { color: #20adff; }
.m-invest .project .info p > span.date-line { color: #666; }
.m-invest .project .info p.center { text-align: center; }
.m-invest .project .info p.right { text-align: right; }
.m-invest .project .info p.right .complete { right: 0; width: 1.24rem; height: 1.24rem; border: 0.04rem solid #edecef; border-radius: 50%; }
.m-invest .project .info p.right .complete .child { top: 0.05rem; left: 0.05rem; width: 1.14rem; height: 1.14rem; line-height: 1.14rem; font-size: 0.24rem; color: #999; border-radius: 50%; background-color: #edecef; text-align: center; }
.m-invest .project-list .project { border-bottom: 1px solid #ebebeb; }
.m-invest .title { padding: 0.4rem .3rem 0; height: .88rem; background-color: #20adff; font-size: .34rem; font-weight: normal; }
.m-invest .title a { line-height: .8rem; color: #d3efff; display: inline-block; }
.m-invest .title a.cur { color: #fff; border-bottom: 2px solid #fff; }
.m-invest .title a:first-child { margin-left: 1.7rem; }
.m-invest .title a:last-child { margin-right: 1.7rem; }
/*.m-invest .select { height: 100%; padding: 0 0.3rem; }
.m-invest .select h3 { height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; font-weight: normal; color: #999; }
.m-invest .select .select-list li { margin-bottom: 0.24rem; width: 3.28rem; height: 0.56rem; line-height: 0.56rem; font-size: 0.28rem; border: 1px solid #D9D9D9; border-radius: 3px; color: #434343; text-align: center; }
.m-invest .select .btn-box { position: fixed; bottom: 0.22rem; }
.m-invest .select .btn-box .btn { display: inline-block; width: 3.3rem; height: 0.56rem; line-height: 0.56rem; border-radius: 3px; letter-spacing: 2px; font-size: 0.28rem; color: #fff; text-align: center; }
.m-invest .select .btn-box .btn.reset { background-color: #20adff; }
.m-invest .select .btn-box .btn.confirm { background-color: #fa7d00; margin-left: 0.2rem; }*/

/* project */
.m-project .hd { height: 4.19rem; background: url(../images/project-bg.png) no-repeat; background-size: 100% 100%; }
.m-project .hd .title { padding: 0 0.3rem; height: 1.28rem; line-height: 1.68rem; letter-spacing: 1px; font-size: 0.34rem; font-weight: normal; color: #fff; text-align: center; }
.m-project .hd .title .icon-angle-left { font-size: 0.5rem; line-height: 1.68rem; width: 0.5rem; }
.m-project .hd .title .sign { margin-right: .16rem; width: .3rem; height: .3rem; line-height: .32rem; font-size: .24rem; letter-spacing: 0; color: #ff5b5b; border-radius: .04rem; border: 1px solid #FF5B5B; text-align: center; display: inline-block; box-sizing: content-box; }
.m-project .hd .title .sign1 { border-color: #fdef07; color: #fdef07; }
.m-project .hd .title .sign2 { border-color: #fff; color: #fff; }
.m-project .hd .rate-box { padding-top: 0.4rem; }
.m-project .hd .rate-box p { text-align: center; color: #dbf0fe; font-size: 0.24rem; }
.m-project .hd .rate-box p.high-color { font-size: 0.88rem; color: #fff; line-height: 1; }
.m-project .hd .rate-box p.high-color span { font-size: 0.32rem; color: #dbf0fe; }
.m-project .hd .tabs { background-color: rgba(255, 255, 255, 0.17); height: 0.88rem; width: 100%; bottom: 0; }
.m-project .hd .tabs p { float: left; margin-top: 0.15rem; width: 33%; color: #fff; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.38); }
.m-project .hd .tabs p:last-child { border-right: none; }
.m-project .hd .tabs p span { display: block; line-height: 1; }
.m-project .hd .tabs p span:first-child { font-size: 0.28rem; margin-bottom: 0.1rem; }
.m-project .hd .tabs p span:last-child { font-size: 0.22rem; }
.m-project .percent-box { background-color: #fff; height: 1.16rem; }
.m-project .percent-box .detail { padding: 0.36rem 0.3rem 0; }
.m-project .percent-box .detail p.percent-bar { width: 6.9rem; height: 0.12rem; border-radius: 0.04rem; background-color: #edecef; }
.m-project .percent-box .detail p.percent-bar .child { background-color: #20adff; height: 0.12rem; border-radius: 0.04rem; }
.m-project .percent-box .detail p.info { padding-top: 0.1rem; font-size: 0.24rem; color: #b5b5b5; }
.m-project .percent-box .detail p.info .color { color: #20adff; }
.m-project .project-tabs { margin: 0.16rem 0; height: 1.72rem; background-color: #fff; }
.m-project .project-tabs .tab { width: 25%; height: 100%; text-align: center; float: left; }
.m-project .project-tabs .tab img { width: 0.79rem; height: 0.9rem; margin-top: 0.2rem; }
.m-project .project-tabs .tab span { display: block; font-size: 0.24rem; color: #b5b5b5; }
.m-project .info-list { background-color: #fff; padding-left: 0.3rem; margin-bottom: 0.16rem; }
.m-project .info-list li { height: 0.88rem; line-height: 0.88rem; border-bottom: 1px solid #ebebeb; }
.m-project .info-list li:last-child { border-bottom: none; }
.m-project .info-list li img { width: 0.3rem; height: 0.3rem; vertical-align: middle; }
.m-project .info-list li span { padding-left: 0.14rem; font-size: 0.32rem; color: #525f66; vertical-align: middle; }
.m-project .info-list li .icon-angle-right, .m-project .info-list li .small { padding-right: 0.3rem; }
.m-project .info-list li .icon-angle-right { color: #dcdcdc; font-size: 0.4rem; line-height: 0.88rem; }
.m-project .info-list li .small { font-size: 0.26rem; }
.m-project .more-detail { background-color: #fff; }
.m-project .more-detail .view-more { padding: 0.4rem 0; text-align: center; }
.m-project .more-detail .view-more .arrow-up { width: 0.25rem; height: 0.18rem; background: url(../images/project-icon-8.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.m-project .more-detail .view-more span { margin-left: 0.1rem; font-size: 0.26rem; color: #c2c2c2; }
.m-project .invest-box { position: fixed; bottom: 0; width: 100%; height: 0.98rem; }
.m-project .invest-box .calculation { width: 13%; height: 100%; background-color: #1694e9; display: inline-block; }
.m-project .invest-box .calculation img { width: 0.58rem; height: 0.58rem; margin: 0.2rem; }
.m-project .invest-box .invest-btn { width: 87%; height: 0.98rem; line-height: 0.98rem; font-size: 0.4rem; color: #fff; background-color: #20adff; text-align: center; display: inline-block; }
.m-project .invest-box.disable .calculation { background-color: #ccc; }
.m-project .invest-box.disable .invest-btn { background-color: #d5d5d5; }

/* project-borrow-tabs */
.borrow-tabs { background-color: #fff; }
.borrow-tabs .tab { float: left; padding: 0.2rem 0; width: 33%; font-size: 0.32rem; border-bottom: 2px solid #ebebeb; color: #6d6d6d; text-align: center; }
.borrow-tabs .tab.active { color: #4e4e4e; border-bottom: 2px solid #20adff; }
.borrow-tabs .tab span { border-right: 1px solid #ebebeb; width: 100%; display: inline-block; }
.borrow-tabs .tab:last-child span { border-right: none; }

/* borrow-detail */
.m-borrow .borrow-detail { padding: 0.3rem 0.5rem 0.3rem 0.3rem; margin-top: 0.16rem; background-color: #fff; }
.m-borrow .borrow-detail h3, .m-borrow .bid-info h3 { margin-bottom: 0.28rem; font-size: 0.3rem; font-weight: normal; color: #525f66; }
.m-borrow .borrow-detail h3 .line, .m-borrow .bid-info h3 .line { width: 0.08rem; height: 0.28rem; margin-right: 0.1rem; background-color: #20adff; display: inline-block; vertical-align: middle; }
.m-borrow .borrow-detail h3 span, .m-borrow .bid-info h3 span { vertical-align: middle; }
.m-borrow .borrow-detail .item, .m-borrow .bid-info .item { padding-bottom: 0.25rem; }
.m-borrow .borrow-detail .item:last-child, .m-borrow .bid-info .item:last-child { padding-bottom: 0; }
.m-borrow .borrow-detail .item label, .m-borrow .bid-info .item label { float: left; display: inline-block; text-align: left; width: 24%; font-size: 0.26rem; color: #6e6e6e; }
.m-borrow .borrow-detail .item p, .m-borrow .bid-info .item p { margin-left: 24%; line-height: 0.34rem; font-size: 0.24rem; color: #88979e; }
.m-borrow .bid-record { padding: 0 0.15rem; background-color: #fff; }
.m-borrow .bid-record li { height: 0.88rem; border-bottom: 1px solid #ebebeb; }
.m-borrow .bid-record li:last-child { border-bottom: none; }
.m-borrow .bid-record li p { font-size: 0.26rem; color: #525f66; }
.m-borrow .bid-record li p:first-child { padding-left: 0.15rem; padding-top: 0.05rem; }
.m-borrow .bid-record li p:first-child span { display: block; }
.m-borrow .bid-record li p:last-child { padding-right: 0.15rem; }
.m-borrow .bid-record li p .name { font-size: 0.28rem; }
.m-borrow .bid-record li p .time { color: #88979e; }
.m-borrow .bid-record li p .amount { color: #f8724f; line-height: 0.88rem; }
.m-borrow .bid-info .info { background-color: #fff; padding: 0.3rem; margin-top: 0.16rem; }
.m-borrow .bid-info .info.info-3 { margin-bottom: 0.16rem; }
.m-borrow .bid-info .info.info-2 .photos li { float: left; width: 2.18rem; height: 1.4rem; margin-right: 0.16rem; margin-bottom: 0.16rem; }
.m-borrow .bid-info .info.info-2 .photos li:nth-child(3n) { margin-right: 0; }
.m-borrow .bid-info .info.info-2 .photos li:nth-child(7), .m-borrow .bid-info .info.info-2 .photos li:nth-child(8), .m-borrow .bid-info .info.info-2 .photos li:nth-child(9) { margin-bottom: 0; }
.m-borrow .bid-info .info.info-2 .photos li img { width: 100%; height: 100%; }
.m-photos { padding-top: 0.16rem; }
.m-photos .slider { width: 7.19rem; height: 11.29rem; margin: 0 auto; }
.m-photos .slider img { width: 100%; height: 10.09rem; }
.m-photos .slider .slider-indicator .mui-indicator { margin: 0.05rem; width: 0.17rem; height: 0.17rem; border-radius: 50%; background-color: #e6e8e9; box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0); -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0); }
.m-photos .slider .slider-indicator .mui-indicator.mui-active { background-color: #20adff; }
.m-fundsflow .common-list, .m-account .common-list, .m-security .common-list { margin-top: 0.16rem; padding-left: 0.3rem; background-color: #fff; }
.m-fundsflow .common-list li, .m-account .common-list li, .m-security .common-list li { border-bottom: 1px solid #ebebeb; height: 0.88rem; line-height: 0.88rem; }
.m-fundsflow .common-list li:last-child, .m-account .common-list li:last-child, .m-security .common-list li:last-child { border-bottom: none; }
.m-fundsflow .common-list li img, .m-account .common-list li img, .m-security .common-list li img { width: 0.38rem; height: 0.38rem; margin-right: 0.25rem; vertical-align: middle; }
.m-fundsflow .common-list li span, .m-account .common-list li span, .m-security .common-list li span { font-size: 0.32rem; color: #525f66; vertical-align: middle; }
.m-fundsflow .common-list li .icon-angle-right, .m-account .common-list li .icon-angle-right, .m-security .common-list li .icon-angle-right { line-height: 0.88rem; font-size: 0.4rem; color: #dcdcdc; padding-right: 0.3rem; }

/* m-account */
.m-account .hd { background: linear-gradient(to right bottom, #4286f5, #4689f6, #5594fb, #5a97fc, #5c99fd, #609cfe, #619dff); width: 100%; height: 3.72rem; }
.m-account .hd .icon-box { padding: 0 0.3rem; }
.m-account .hd .icon-box .avator { width: 0.88rem; height: 0.88rem; margin-top: 0.56rem; }
.m-account .hd .icon-box .avator img { width: 100%; height: 100%; }
.m-account .hd .icon-box .setting { width: 0.38rem; height: 0.38rem; margin-top: 0.66rem; }
.m-account .hd .icon-box .setting img { width: 100%; height: 100%; }
.m-account .hd .total-amount { text-align: center; }
.m-account .hd .total-amount p { color: #fff; }
.m-account .hd .total-amount p:first-child { font-size: 0.26rem; }
.m-account .hd .total-amount p:first-child span { margin-right: 0.1rem; vertical-align: middle; }
.m-account .hd .total-amount p:first-child .see { margin-left: 0.1rem; width: 0.36rem; height: 0.25rem; background: url(../images/account-icon-11.png) no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; }
.m-account .hd .total-amount p:first-child .see.close { background: url(../images/account-icon-12.png) no-repeat; background-size: 100% 100%; }
.m-account .hd .total-amount p.num { font-size: 0.64rem; }
.m-account .hd .profit { padding-top: 0.1rem; }
.m-account .hd .profit p { width: 50%; text-align: center; }
.m-account .hd .profit p span { display: block; line-height: 1.2; }
.m-account .hd .profit p span:first-child { font-size: 0.28rem; color: #fff; }
.m-account .hd .profit p span:last-child { font-size: 0.2rem; color: #d5ebff; }
.m-account .hd.unlogin-hd { background: url(../images/account-bg.png) center no-repeat; background-size: 100% 100%; }
.m-account .hd.unlogin-hd .avator { margin: 0 auto; padding: 1rem 0 0.3rem; width: 1.18rem; height: 1.17rem; }
.m-account .hd.unlogin-hd .avator img { width: 1.18rem; height: 1.17rem; }
.m-account .hd.unlogin-hd .log-reg { margin: 0 auto; width: 2.15rem; height: 0.58rem; line-height: 0.58rem; border-radius: 0.29rem; border: 1px solid #B8DCFF; background-color: rgba(255, 255, 255, 0.22); font-size: 0.28rem; color: #dbf0fe; text-align: center; display: block; }
.m-account .operation { height: 0.88rem; line-height: 0.88rem; background-color: #fff; }
.m-account .operation span { display: inline-block; float: left; width: 49.5%; font-size: 0.32rem; color: #88979e; border-right: 1px solid #e5e5e5; text-align: center; }
.m-account .operation span.active { color: #06a1fb; }
.m-account .operation span:last-child { border-right: none; }
.m-account .invest-info { margin-top: 0.16rem; background-color: #fff; }
.m-account .invest-info .item { height: 1.42rem; border-bottom: 1px solid #ebebeb; }
.m-account .invest-info .item:last-child { border-bottom: none; }
.m-account .invest-info .item .icon { float: left; display: inline-block; margin-left: 0.3rem; margin-top: 0.38rem; }
.m-account .invest-info .item .icon.cal-icon { background: url(../images/account-icon-8.png) no-repeat; background-size: 100% 100%; width: 0.63rem; height: 0.66rem; margin-top: 0.3rem; }
.m-account .invest-info .item .icon.invest-icon { background: url(../images/account-icon-9.png) no-repeat; background-size: 100% 100%; width: 0.56rem; height: 0.51rem; }
.m-account .invest-info .item .icon.borrow-icon { background: url(../images/account-icon-10.png) no-repeat; background-size: 100% 100%; width: 0.67rem; height: 0.57rem; }
.m-account .invest-info .item .borrow-box { padding-right: 0.65rem; }
.m-account .invest-info .item .info { margin-left: 1.2rem; padding-top: 0.28rem; }
.m-account .invest-info .item .info p:first-child { font-size: 0.32rem; color: #525f66; }
.m-account .invest-info .item .info p:last-child { font-size: 0.26rem; color: #88979e; }
.m-account .invest-info .item .info p span { margin-right: 0.1rem; }
.m-account .about-list { margin-bottom: 0.16rem; }
.m-account .about-list li small { margin-right: 0.1rem; font-size: 0.26rem; color: #b5b5b5; }
.m-account .info-list li .msg-count { margin-right: 0.2rem; margin-top: 0.24rem; background-color: #ff5f3d; width: 0.39rem; height: 0.3rem; line-height: 0.3rem; border-radius: 0.14rem; font-size: 0.2rem; color: #fff; text-align: center; display: inline-block; float: left; }
.m-account .info-list li:nth-child(4) .icon-angle-right { line-height: 1; }
.m-security .common-list li span { vertical-align: top; }
.m-security .common-list li .icon { margin-right: 0.18rem; margin-top: 0.15rem; width: 0.58rem; height: 0.58rem; display: inline-block; float: left; }
.m-security .common-list li .icon.icon-1 { background: url(../images/security-icon-1.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-1.unset { background: url(../images/security-unset-icon-1.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-2 { background: url(../images/security-icon-2.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-2.unset { background: url(../images/security-unset-icon-2.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-3 { background: url(../images/security-icon-3.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-3.unset { background: url(../images/security-unset-icon-3.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-4 { background: url(../images/security-icon-4.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-4.unset { background: url(../images/security-unset-icon-4.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-5 { background: url(../images/security-icon-5.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-5.unset { background: url(../images/security-unset-icon-5.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-6 { background: url(../images/security-icon-6.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-6.unset { background: url(../images/security-unset-icon-6.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-7 { background: url(../images/security-icon-7.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-7.unset { background: url(../images/security-unset-icon-7.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-8 { background: url(../images/security-icon-8.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li .icon.icon-8.unset { background: url(../images/security-unset-icon-8.png) no-repeat; background-size: 100% 100%; }
.m-security .common-list li small { float: left; margin-right: 0.3rem; font-size: 0.26rem; color: #525f66; }
.m-security .common-list li small.unset { color: #b5b5b5; }
.m-security .common-list li .icon-angle-right { line-height: 1; }
.m-security .common-list li img { width: 0.54rem; height: 0.29rem; margin-top: -0.15rem; }
.m-accountset .common-list li.avator { padding: 0.3rem 0; }
.m-accountset .common-list li.avator small, .m-accountset .common-list li.avator img { width: 0.88rem; height: 0.88rem; }
.m-accountset .common-list li small.mr { margin-right: 0.75rem; }
.m-accountset .common-list li .label-switch { width: 1.02rem; height: 0.62rem; top: 0.13rem; right: 0.3rem; float: right; position: relative; cursor: pointer; display: inline-block; vertical-align: middle; box-sizing: border-box; align-self: center; -webkit-align-self: center; }
.m-accountset .common-list li .label-switch .checkbox { width: 1.02rem; height: 0.62rem; border-radius: 0.32rem; border: 0.03rem solid #e5e5e5; background-color: #fdfdfd; -webkit-transition-duration: 300ms; transition-duration: 300ms; position: relative; cursor: pointer; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; z-index: 0; }
.m-accountset .common-list li .label-switch .checkbox:before { width: 0.94rem; height: 0.54rem; left: 0.04rem; top: 0.03rem; border-radius: 0.27rem; background-color: #fff; content: ''; position: absolute; box-sizing: border-box; transition-duration: 300ms; -webkit-transition-duration: 300ms; -webkit-transform: scale(1); transform: scale(1); z-index: 1; }
.m-accountset .common-list li .label-switch .checkbox:after { height: 0.56rem; width: 0.56rem; left: 0.01rem; border-radius: 50%; background-color: #fff; box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.3); content: ''; position: absolute; transition-duration: 300ms; -webkit-transition-duration: 300ms; transform: translateX(0rem); -webkit-transform: translateX(0rem); z-index: 2; }
.m-accountset .common-list li .label-switch input[type='checkbox'] { display: none; outline: none; }
.m-accountset .common-list li .label-switch input[type='checkbox']:checked + .checkbox { background-color: #4cd964; }
.m-accountset .common-list li .label-switch input[type='checkbox']:checked + .checkbox:before { transform: scale(0); -webkit-transform: scale(0); }
.m-accountset .common-list li .label-switch input[type='checkbox']:checked + .checkbox:after { transform: translateX(0.38rem); -webkit-transform: translateX(0.38rem); }
.m-accountset .logout { margin-top: 0.16rem; width: 100%; height: 0.88rem; line-height: 0.88rem; font-size: 0.32rem; color: #f93028; background-color: #fff; display: block; text-align: center; }
.m-fundsflowdetail .tabs-box { padding: 0.15rem 0.2rem; background-color: #fff; }
.m-fundsflowdetail .tabs-box .tabs { width: 100%; height: 0.58rem; line-height: 0.58rem; border-radius: 0.08rem; border: 1px solid #20adff; display: table; table-layout: fixed; overflow: hidden; }
.m-fundsflowdetail .tabs-box .tabs .tab { font-size: 0.3rem; width: 24.6%; border-right: 1px solid #20adff; color: #20adff; text-align: center; display: table-cell; overflow: hidden; }
.m-fundsflowdetail .tabs-box .tabs .tab:last-child { border-right: none; }
.m-fundsflowdetail .tabs-box .tabs .tab.active { background-color: #20adff; color: #fff; }
.m-fundsflowdetail .detail h3 { height: 0.58rem; line-height: 0.58rem; padding: 0 0.3rem; font-size: 0.32rem; color: #000; background-color: #f5faff; }
.m-fundsflowdetail .detail .detail-list { background-color: #fff; }
.m-fundsflowdetail .detail .detail-list li { margin-left: 0.3rem; height: 1.75rem; border-bottom: 1px solid #ebebeb; }
.m-fundsflowdetail .detail .detail-list li:last-child { border-bottom: none; }
.m-fundsflowdetail .detail .detail-list li i { margin-top: 0.25rem; width: 0.88rem; height: 0.88rem; line-height: 0.88rem; border-radius: 50%; font-size: 0.3rem; color: #fff; text-align: center; float: left; display: inline-block; }
.m-fundsflowdetail .detail .detail-list li i.withdrawal { background-color: #31cbcd; }
.m-fundsflowdetail .detail .detail-list li i.repayment { background-color: #ffab57; }
.m-fundsflowdetail .detail .detail-list li i.bid { background-color: #ff7a6b; }
.m-fundsflowdetail .detail .detail-list li i.recharge { background-color: #4a90e2; }
.m-fundsflowdetail .detail .detail-list li i.fee { background-color: #20adff; }
.m-fundsflowdetail .detail .detail-list li .info { margin-left: 1.18rem; }
.m-fundsflowdetail .detail .detail-list li .info p:nth-child(1) { padding-top: 0.32rem; font-size: 0.3rem; color: #4e616d; }
.m-fundsflowdetail .detail .detail-list li .info p:nth-child(1) .amount { padding-right: 0.3rem; color: #043349; }
.m-fundsflowdetail .detail .detail-list li .info p:nth-child(2) { padding-right: 0.3rem; padding-bottom: 0.12rem; font-size: 0.24rem; color: #4e616d; }
.m-fundsflowdetail .detail .detail-list li .info p:nth-child(3) { font-size: 0.22rem; color: #a2acb2; }
.m-fundsflowdetail .detail .count { background-color: #fff; border-top: 1px solid #ebebeb; padding: 0.2rem 0; }
.m-fundsflowdetail .detail .count span { display: inline-block; width: 49%; text-align: center; font-size: 0.28rem; color: #666; }
.m-fundsflowdetail .detail .count span.cur { color: #20adff; }
.m-fundsflowdetail .detail .count span:first-child { border-right: 1px solid #ccc; }
.m-fundsflowdetail .detail .child-list { background-color: #fff; }
.m-fundsflowdetail .detail .child-list li { height: 1.6rem; margin-left: 0.3rem; border-bottom: 1px solid #ebebeb; }
.m-fundsflowdetail .detail .child-list li:last-child { border-bottom: none; }
.m-fundsflowdetail .detail .child-list li .date { margin-top: 0.3rem; width: 1.28rem; border-right: 1px solid #ebebeb; }
.m-fundsflowdetail .detail .child-list li .date span { color: #a2acb2; display: block; }
.m-fundsflowdetail .detail .child-list li .date span.day { font-size: 0.34rem; }
.m-fundsflowdetail .detail .child-list li .date span.year { font-size: 0.28rem; }
.m-fundsflowdetail .detail .child-list li .info { margin-left: 1.5rem; padding-top: 0.3rem; }
.m-fundsflowdetail .detail .child-list li .info p { line-height: 0.44rem; }
.m-fundsflowdetail .detail .child-list li .info p:first-child span:first-child { color: #4e616d; font-size: 0.34rem; }
.m-fundsflowdetail .detail .child-list li .info p:first-child span:last-child { color: #043349; font-size: 0.3rem; padding-right: 0.3rem; }
.m-fundsflowdetail .detail .child-list li .info p:first-child span.name { font-size: 0.28rem; }
.m-fundsflowdetail .detail .child-list li .info p:last-child span { color: #a2acb2; font-size: 0.28rem; }
.m-fundsflowdetail .detail .child-list li .info p:last-child span.dead-line { color: #ccc; font-size: 0.24rem; }
.m-fundsflowdetail .detail .child-list li .info p:last-child span:last-child { padding-right: 0.3rem; }
.m-fundsflowdetail .detail .child-list li .info p:last-child span.num { font-size: 0.22rem; }
.m-fundsflowdetail .detail .child-list li .info p:last-child span.fee { font-size: 0.26rem; }
.m-fundsflowdetail .detail .child-list li .info p:last-child span.error { color: #ff5f3d; }
.m-borrowrecord .tabs { height: 0.88rem; line-height: 0.88rem; background-color: #fff; }
.m-borrowrecord .tabs .tab { width: 50%; font-size: 0.26rem; color: #6d6d6d; text-align: center; float: left; }
.m-borrowrecord .tabs .tab.active { color: #4e4e4e; border-bottom: 0.04rem solid #20adff; }
.m-borrowrecord .record-list { margin-top: 0.16rem; background-color: #fff; }
.m-borrowrecord .record-list li { height: 1.4rem; margin-left: 0.3rem; border-bottom: 1px solid #ebebeb; }
.m-borrowrecord .record-list li:last-child { border-bottom: none; }
.m-borrowrecord .record-list li p:first-child span { display: block; }
.m-borrowrecord .record-list li p:first-child span:nth-child(1) { padding: 0.3rem 0 0.05rem; font-size: 0.3rem; color: #525f66; }
.m-borrowrecord .record-list li p:first-child span:nth-child(2) { font-size: 0.24rem; color: #88979e; }
.m-borrowrecord .record-list li p:last-child { line-height: 1.3rem; padding-right: 0.3rem; }
.m-borrowrecord .record-list li p:last-child span { margin-right: 0.2rem; font-size: 0.3rem; color: #043349; }
.m-borrowrecord .record-list li p:last-child .icon-angle-right { color: #dcdcdc; font-size: 0.4rem; }
.m-borrowrecord .record-list.record-list-1 li p:last-child { padding-right: 0.75rem; font-size: 0.3rem; color: #043349; }
.m-borrowrecord .bid-list li { margin-top: 0.16rem; background-color: #fff; }
.m-borrowrecord .bid-list li h3 { padding: 0.25rem 0.3rem 0.2rem; font-size: 0.3rem; font-weight: normal; color: #525f66; }
.m-borrowrecord .bid-list li .info { padding: 0 0.3rem 0.25rem; }
.m-borrowrecord .bid-list li .info p { width: 49.5%; float: left; }
.m-borrowrecord .bid-list li .info p span { display: block; line-height: 1; }
.m-borrowrecord .bid-list li .info p span:last-child { font-size: 0.2rem; color: #4e616d; }
.m-borrowrecord .bid-list li .info p span:first-child { margin-bottom: 0.1rem; }
.m-borrowrecord .bid-list li .info p:first-child { border-right: 1px solid #ebebeb; }
.m-borrowrecord .bid-list li .info p:first-child span b { font-size: 0.46rem; color: #043349; }
.m-borrowrecord .bid-list li .info p:first-child span:first-child { line-height: 1.1; }
.m-borrowrecord .bid-list li .info p:last-child { text-align: center; }
.m-borrowrecord .bid-list li .info p:last-child span:first-child { font-size: 0.5rem; color: #4e616d; }
.m-borrowrecord .bid-list li .info p:last-child span:first-child small { font-size: 0.3rem; }
.m-borrowrecord .bid-list li .bid-number { height: 0.58rem; line-height: 0.58rem; padding: 0 0.3rem; background-color: #f9f9f9; font-size: 0.22rem; color: #88979e; }
.m-passport { width: 100%; height: 13.34rem; background: url(../images/bg.png) no-repeat; background-size: 100% 100%; }
.m-passport .title span { font-size: 0.28rem; }
.m-passport .title, .m-passport .title-1 { padding: 0 0.3rem; height: 1.28rem; line-height: 1.68rem; font-size: 0.34rem; font-weight: normal; text-align: center; color: #fff; }
.m-passport .title-1 span:last-child { left: 0.3rem; }
.m-passport .title-1 span:last-child small { font-size: 0.28rem; }
.m-passport .title-1 span:last-child .icon-angle-left { font-size: 0.5rem; margin-right: 0.1rem; line-height: 1.68rem; width: 0.5rem; }
.m-passport .logo { margin: 1.26rem auto 0; width: 1.76rem; height: 1.89rem; }
.m-passport .logo img { width: 100%; height: 100%; }
.m-passport .input-box { padding: 0 0.3rem; margin-top: 1.4rem; }
.m-passport .input-box.input-box-1 { margin-top: 1.52rem; }
.m-passport .input-box ul li { width: 100%; border-radius: 0.1rem; background-color: rgba(45, 31, 227, 0.15); }
.m-passport .input-box ul li, .m-passport .info-box ul li { height: 0.98rem; line-height: 0.98rem; position: relative; }
.m-passport .input-box ul li input, .m-passport .info-box ul li input { margin: 0.04rem 0; width: 75%; height: 0.9rem; font-size: 0.28rem; color: #fff; background: none; border: none; outline: none; }
.m-passport .input-box ul li input:focus, .m-passport .info-box ul li input:focus { color: #fff; }
.m-passport .input-box ul li input::-webkit-input-placeholder, .m-passport .info-box ul li input::-webkit-input-placeholder { color: #fff; }
.m-passport .icon { display: inline-block; float: left; }
.m-passport .icon.phone-icon { margin: 0.3rem 0.5rem; width: 0.25rem; height: 0.38rem; background: url(../images/phone-icon.png) no-repeat; background-size: 100% 100%; }
.m-passport .icon.password-icon { width: 0.33rem; height: 0.38rem; margin: 0.3rem 0.46rem; background: url(../images/password-icon.png) no-repeat; background-size: 100% 100%; }
.m-passport .icon.code-icon { width: 0.34rem; height: 0.38rem; margin: 0.3rem 0.455rem; background: url(../images/code-icon.png) no-repeat; background-size: 100% 100%; }
.m-passport .icon.invited-icon { width: 0.33rem; height: 0.33rem; margin: 0.325rem 0.46rem; background: url(../images/invited-icon.png) no-repeat; background-size: 100% 100%; }
.m-passport .close-icon { right: 0.5rem; top: 50%; margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; background: url(../images/close.png) no-repeat; background-size: 100% 100%; display: none; }
.m-passport .close-icon.close-1 { right: 1rem; }
.m-passport .unsee-icon { right: 0.5rem; top: 50%; margin-top: -0.135rem; width: 0.35rem; height: 0.27rem; background: url(../images/unsee-icon.png) no-repeat; background-size: 100% 100%; }
.m-passport .unsee-icon.see { margin-top: -0.125rem; height: 0.25rem; background: url(../images/see-icon.png) no-repeat; background-size: 100% 100%; }
.m-passport .btn { margin: 0 0.3rem; width: 92%; height: 0.88rem; line-height: 0.88rem; font-size: 0.32rem; border-radius: 0.1rem; color: #a2ceff; background-color: #3382e4; text-align: center; display: inline-block; }
.m-passport .btn.btn-1 { margin-top: 0.5rem; }
.m-passport .btn.active { background-color: #0b54c0; color: #fff; }
.m-passport .advantage { margin: 1.85rem 0.3rem 0; width: 92%; display: table; table-layout: fixed; }
.m-passport .advantage li { display: table-cell; text-align: center; width: 1%; }
.m-passport .advantage li .passpart-icon { margin-bottom: 0.05rem; width: 0.68rem; height: 0.68rem; display: inline-block; }
.m-passport .advantage li .passpart-icon.passpart-icon-1 { background: url(../images/passpart-icon-1.png) no-repeat; background-size: 100% 100%; }
.m-passport .advantage li .passpart-icon.passpart-icon-2 { background: url(../images/passpart-icon-2.png) no-repeat; background-size: 100% 100%; }
.m-passport .advantage li .passpart-icon.passpart-icon-3 { background: url(../images/passpart-icon-3.png) no-repeat; background-size: 100% 100%; }
.m-passport .advantage li p { font-size: 0.22rem; color: #c7e1fe; }
.m-passport .info { margin-top: 1.05rem; }
.m-passport .info .avator { width: 1.44rem; height: 1.45rem; margin: 0 auto; }
.m-passport .info .avator img { width: 100%; height: 100%; }
.m-passport .info p { margin-top: 0.3rem; font-size: 0.28rem; color: #fff; text-align: center; }
.m-passport .tips { margin: 0.4rem 0.3rem 0; text-align: center; }
.m-passport .tips a { font-size: 0.28rem; color: #fff; }
.m-passport .tips a:first-child { padding-right: 0.26rem; border-right: 1px solid #fff; }
.m-passport .tips a:last-child { margin-left: 0.2rem; }
.m-passport .info-box { padding: 0.9rem 0.3rem 0; }
.m-passport .info-box p { font-size: 0.26rem; color: #c5eafe; }
.m-passport .info-box p.recommend { padding: 0.27rem 0; text-align: center; }
.m-passport .info-box p.recommend .icon-triangle-right { font-size: 0.3rem; margin-right: 0.15rem; vertical-align: middle; }
.m-passport .info-box p.recommend span { vertical-align: middle; }
.m-passport .info-box p.check { padding: 0.25rem 0 0.2rem 0.38rem; }
.m-passport .info-box p.check .check-icon { width: 0.3rem; height: 0.3rem; background: url(../images/check-icon.png) no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; }
.m-passport .info-box p.check span { vertical-align: middle; }
.m-passport .info-box p.check span span { color: #74effe; }
.m-passport .info-box ul { margin-top: 0.15rem; width: 100%; border-radius: 0.1rem; background-color: rgba(45, 31, 227, 0.29); }
.m-passport .info-box ul li .border { border-bottom: 1px solid #c3d0fc; }
.m-passport .info-box ul li .time-icon { top: 0.2rem; right: 0.36rem; width: 0.58rem; height: 0.58rem; line-height: 0.58rem; font-size: 0.24rem; color: #fff; background: url(../images/time-icon.png) no-repeat; background-size: 100% 100%; display: inline-block; text-align: center; }
.m-regsuccess .header span:nth-child(2) { left: 0.3rem; }
.m-regsuccess .header small { font-size: 0.28rem; margin-left: 0.1rem; }
.m-regsuccess .header .user-center-icon { right: 0.3rem; margin-top: 0.275rem; width: 0.3rem; height: 0.33rem; background: url(../images/user-center-icon.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.m-regsuccess .process .process-line { width: 5.48rem; height: 0.48rem; margin: 0.75rem auto 0.15rem; }
.m-regsuccess .process .process-line img { width: 100%; height: 100%; }
.m-regsuccess .process .text { width: 100%; display: table; table-layout: fixed; }
.m-regsuccess .process .text span { width: 1%; font-size: 0.22rem; color: #999; display: table-cell; text-align: center; }
.m-regsuccess .success .reg-ok { margin: 0.64rem auto 0.5rem; width: 1.48rem; height: 1.48rem; }
.m-regsuccess .success .reg-ok img { width: 100%; height: 100%; }
.m-regsuccess .success p { text-align: center; font-size: 0.34rem; color: #666; }
.m-regsuccess .success p:last-child { font-size: 0.24rem; color: #999; }
.m-regsuccess .btn-box { padding: 0.75rem 0.3rem 0; }
.m-regsuccess .btn-box .btn { margin: 0 auto; width: 100%; height: 0.88rem; line-height: 0.88rem; border-radius: 0.1rem; font-size: 0.32rem; text-align: center; display: block; }
.m-regsuccess .btn-box .btn:first-child { margin-bottom: 0.16rem; background-color: #20adff; color: #fff; }
.m-regsuccess .btn-box .btn:last-child { color: #20adff; background-image: -webkit-linear-gradient(left, #e0f0ff 0%, #f5faff 100%); background-image: -o-linear-gradient(left, #e0f0ff 0%, #f5faff 100%); background-image: linear-gradient(to right, #e0f0ff 0%, #f5faff 100%); }
.m-regsuccess .tip { margin-top: 0.3rem; font-size: 0.24rem; color: #999; text-align: center; }
.m-regsuccess .tip span { color: #20adff; }
.m-password ul li { margin-top: 0.16rem; }
.m-password .tips { font-size: 0.26rem; color: #a1a2a0; text-align: center; }
.m-password .tips span { font-size: 0.28rem; color: #ff5f3d; }
.m-password .tips-1 { padding: 0.2rem 0.3rem 0; font-size: 0.26rem; color: #949494; }
.m-password .email-suffix { padding: 0.5rem 0.3rem 0; display: none; }
.m-password .email-suffix .suffix { margin-right: 0.25rem; margin-bottom: 0.3rem; width: 30%; height: 0.56rem; line-height: 0.56rem; font-size: 0.28rem; border-radius: 0.28rem; border: 1px solid #ccc; background-color: #fff; color: #434343; text-align: center; float: left; }
.m-password .email-suffix .suffix:nth-child(3n) { margin-right: 0; }
.m-password .email-suffix .suffix:nth-child(4), .m-password .email-suffix .suffix:nth-child(5), .m-password .email-suffix .suffix:nth-child(6) { margin-bottom: 0; }
.m-common ul li { padding-left: 0.3rem; height: 0.88rem; line-height: 0.88rem; background-color: #fff; position: relative; }
.m-common ul li label { width: 22.7%; font-size: 0.32rem; color: #525f66; display: inline-block; }
.m-common ul li input { width: 70%; height: 0.88rem; font-size: 0.26rem; color: #525f66; border: none; outline: none; position: absolute; }
.m-common ul li .close-icon { right: 0.3rem; top: 50%; margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; background: url(../images/close-icon.png) no-repeat; background-size: 100% 100%; display: none; }
.m-common ul li .code-text { right: 0.3rem; line-height: 0.88rem; font-size: 0.24rem; color: #20adff; background-color: #fff; border: none; outline: none; }
.m-common ul li .code-text.disable { color: #999; }
.m-common ul li .unsee-icon { right: 0.8rem; top: 50%; margin-top: -0.135rem; width: 0.35rem; height: 0.27rem; background: url(../images/unsee-icon-1.png) no-repeat; background-size: 100% 100%; display: none; }
.m-common ul li .unsee-icon.see { margin-top: -0.125rem; height: 0.25rem; background: url(../images/see-icon-1.png) no-repeat; background-size: 100% 100%; }
.m-common .btn-box { margin: 0.5rem 0.3rem 0.16rem; }
.m-common .btn-box .btn { margin: 0 auto; width: 100%; height: 0.98rem; line-height: 0.98rem; font-size: 0.32rem; border-radius: 0.1rem; background-color: rgba(32, 173, 255, 0.75); color: #fff; text-align: center; display: block; }
.m-common .btn-box .btn.active { background-color: #20adff; }
.m-securitypwd ul { background-color: #fff; }
.m-securitypwd ul.mt { margin-top: 0.16rem; }
.m-securitypwd ul li { border-bottom: 1px solid #ebebeb; padding-left: 0; margin-left: 0.3rem; }
.m-securitypwd ul li:last-child { border-bottom: none; }
.m-securitypwd ul li span { padding-right: 0.3rem; font-size: 0.26rem; color: #525f66; }
.m-securitypwd .hd { background: linear-gradient(to right bottom, #4286f5, #4689f6, #5594fb, #5a97fc, #5c99fd, #609cfe, #619dff); height: 4.2rem; width: 100%; }
.m-securitypwd .hd.hd-1 { height: 4.4rem; }
.m-securitypwd .hd .title { height: 1.28rem; line-height: 1.68rem; padding: 0 0.3rem; font-size: 0.32rem; font-weight: normal; text-align: center; color: #fff; }
.m-securitypwd .hd .title .icon-angle-left { left: 0.3rem; font-size: 0.5rem; margin-top: 0.55rem; width: 0.5rem; }
.m-securitypwd .hd .avator { width: 1.32rem; height: 1.33rem; margin: 0.5rem auto 0.25rem; }
.m-securitypwd .hd .avator img { width: 100%; height: 100%; }
.m-securitypwd .hd p { font-size: 0.28rem; color: #fff; text-align: center; }
.m-securitypwd .hd p.small { font-size: 0.22rem; color: #deebff; }

/* mui poppicker */
.mui-poppicker .mui-poppicker-header { background-color: #f5fafe; }
.mui-poppicker .mui-poppicker-header .mui-btn { background: none; border: none; }
.mui-poppicker .mui-poppicker-header .mui-btn.mui-poppicker-btn-ok { color: #20adff; }
.mui-poppicker .mui-picker { background-color: #fff; }
.mui-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.36); }
.mui-dtpicker .mui-dtpicker-header { background-color: #f5fafe; }
.mui-dtpicker .mui-dtpicker-header .mui-btn { background: none; border: none; }
.mui-dtpicker .mui-dtpicker-header .mui-btn.mui-btn-blue { color: #20adff; }
.mui-dtpicker .mui-dtpicker-title h5 { background-color: #f7f7f7; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.mui-dtpicker .mui-picker { background-color: #fff; }

/* bindbank */
.m-bindbank .process-box { padding: 0.56rem 0 0.32rem; background-color: #fff; }
.m-bindbank .process-box .process { width: 5.48rem; height: 0.48rem; background: url(../images/process-1.png) no-repeat; background-size: 100% 100%; margin: 0 auto; }
.m-bindbank .process-box .process img { width: 100%; height: 100%; }
.m-bindbank .process-box .step { padding-top: 0.16rem; }
.m-bindbank .process-box .step span { width: 33.3%; font-size: 0.22rem; color: #999; text-align: center; float: left; }
.m-bindbank .bindbank-tips { padding: 0.2rem 0.3rem; background-color: #f9f9f9; }
.m-bindbank .bindbank-tips p { font-size: 0.26rem; color: #949494; }
.m-bindbank ul li .icon { float: left; }
.m-bindbank ul li .icon.icon-1 { margin: 0.305rem 0.66rem 0.305rem 0; width: 0.38rem; height: 0.27rem; background: url(../images/bindbank-icon-1.png) no-repeat; background-size: 100% 100%; }
.m-bindbank ul li .icon.icon-2 { margin: 0.25rem 0.67rem 0.25rem 0; width: 0.37rem; height: 0.38rem; background: url(../images/bindbank-icon-2.png) no-repeat; background-size: 100% 100%; }
.m-bindbank ul li .icon.icon-3 { margin: 0.25rem 0.74rem 0.25rem 0; width: 0.30rem; height: 0.38rem; background: url(../images/bindbank-icon-3.png) no-repeat; background-size: 100% 100%; }
.m-bindbank ul li .icon.icon-4 { margin: 0.25rem 0.71rem 0.25rem 0; width: 0.33rem; height: 0.38rem; background: url(../images/bindbank-icon-4.png) no-repeat; background-size: 100% 100%; }
.m-bindbank ul li .icon.icon-5 { margin: 0.25rem 0.72rem 0.25rem 0; width: 0.32rem; height: 0.38rem; background: url(../images/loan-icon-7.png) no-repeat; background-size: 100% 100%; }
.m-bindbank ul li .icon.icon-6 { margin: 0.25rem 0.69rem 0.25rem 0; width: 0.35rem; height: 0.38rem; background: url(../images/loan-icon-8.png) no-repeat; background-size: 100% 100%; }
.m-bindbank .table-box { padding: 0 0.3rem 0.3rem; }
.m-bindbank .table-box .text { height: 0.82rem; line-height: 0.82rem; font-size: 0.26rem; color: #949494; }
.m-bindbank .table-box table { border: 1px solid #ebebeb; width: 100%; }
.m-bindbank .table-box table tr { border-bottom: 1px solid #ebebeb; height: 1.75rem; }
.m-bindbank .table-box table tr:last-child { border-bottom: none; }
.m-bindbank .table-box table tr td p { font-size: 0.24rem; color: #4e4e4e; }
.m-bindbank .table-box table tr td:first-child { border-right: 1px solid #ebebeb; }
.m-bindbank .table-box table tr td:first-child .img { margin: 0 auto 0.1rem; width: 0.88rem; }
.m-bindbank .table-box table tr td:first-child .img.img-1 { height: 0.88rem; }
.m-bindbank .table-box table tr td:first-child .img.img-2 { width: 0.92rem; height: 0.4rem; }
.m-bindbank .table-box table tr td:first-child .img.img-3 { height: 0.56rem; }
.m-bindbank .table-box table tr td:first-child .img.img-4 { height: 0.69rem; }
.m-bindbank .table-box table tr td:first-child .img.img-5 { height: 0.95rem; }
.m-bindbank .table-box table tr td:first-child .img.img-6 { width: 0.87rem; height: 0.76rem; }
.m-bindbank .table-box table tr td:first-child .img.img-7 { width: 0.89rem; height: 0.82rem; }
.m-bindbank .table-box table tr td:first-child .img.img-8 { height: 0.74rem; }
.m-bindbank .table-box table tr td:first-child .img.img-9 { height: 0.47rem; }
.m-bindbank .table-box table tr td:first-child .img img { width: 100%; height: 100%; }
.m-bindbank .table-box table tr td:first-child p { text-align: center; font-size: 0.26rem; }
.m-bindbank .table-box table tr td:last-child p { padding-left: 0.55rem; margin-bottom: 0.05rem; }
.m-bankcard .bankcard-box { padding: 0 0.3rem; }
.m-bankcard .bankcard-box .bankcard { margin: 0.16rem auto 0.4rem; width: 6.9rem; height: 3.53rem; background: url(../images/card-bg.png) no-repeat; background-size: 100% 100%; }
.m-bankcard .bankcard-box .bankcard .name { padding: 0.5rem; }
.m-bankcard .bankcard-box .bankcard .name .logo { margin-right: 0.2rem; width: 0.58rem; height: 0.58rem; border-radius: 50%; background-color: #fff; display: inline-block; }
.m-bankcard .bankcard-box .bankcard .name .logo img { width: 0.43rem; height: 0.23rem; margin: 0.175rem auto; display: block; }
.m-bankcard .bankcard-box .bankcard .name span { line-height: 0.58rem; font-size: 0.32rem; color: #fff; }
.m-bankcard .bankcard-box .bankcard .cardno { font-size: 0.5rem; color: #fff; text-align: center; }
.m-bankcard .bankcard-box .bankcard .limit { padding: 0.65rem 0.5rem 0; }
.m-bankcard .bankcard-box .bankcard .limit span { font-size: 0.22rem; color: #d2e7fe; }

/*.m-bankcard .bankcard-box .bankcard .limit > span:first-child { color: #a1ceff; }
.m-bankcard .bankcard-box .bankcard .limit > span:last-child { color: #d2e7fe; }*/
.m-bankcard .bankcard-box .bankcard .limit > span:last-child span:first-child { padding-right: 0.3rem; }
.m-bankcard .bankcard-box .bankcard .limit span.disable { color: #a1ceff; }
.m-bankcard .bankcard-box .bankcard .limit > span:last-child span.pr { padding-right: 0; }
.m-bankcard .bankcard-box .bankcard .limit > span:last-child span.bind { padding-left: 0.3rem; border-left: 1px solid #d2e7fe; }
.m-bankcard .bankcard-box .tips p { margin-bottom: 0.1rem; font-size: 0.24rem; color: #4e616d; }
.m-bankcard .bankcard-box .tips p i { margin: 0 0.2rem; width: 0.08rem; height: 0.08rem; border-radius: 50%; background-color: #4e616d; display: inline-block; }
.m-recharge .bankinfo { height: 1.18rem; background-color: #fff; }
.m-recharge .bankinfo .banklogo { margin: 0.3rem 0.2rem 0.3rem 0.3rem; width: 0.58rem; height: 0.58rem; }
.m-recharge .bankinfo .banklogo img { width: 100%; height: 100%; }
.m-recharge .bankinfo label { padding-left: .3rem; line-height: 1.18rem; font-size: .32rem; color: #525f66; }
.m-recharge .bankinfo .info { margin-left: 1.08rem; padding-top: 0.2rem; }
.m-recharge .bankinfo .info p:first-child { font-size: 0.28rem; color: #525f66; }
.m-recharge .bankinfo .info p:last-child { font-size: 0.22rem; color: #b5b5b5; }
.m-recharge .bankinfo .icon-angle-right { top: 0.49rem; right: 0.3rem; margin-top: -0.1rem; font-size: 0.4rem; color: #dcdcdc; }
.m-recharge .tips { height: 0.72rem; line-height: 0.72rem; padding: 0 0.3rem; }
.m-recharge .tips .warning { margin-top: 0.23rem; margin-right: 0.2rem; width: 0.26rem; height: 0.26rem; background: url(../images/recharge-icon-2.png) no-repeat; background-size: 100% 100%; display: inline-block; float: left; }
.m-recharge .tips span { font-size: 0.26rem; color: #949494; }
.m-recharge .btn-box { margin-top: 0.6rem; }
.m-recharge ul li .unit { right: .3rem; font-size: .28rem; color: #525f66; }
.m-recharge ul li .close-icon { right: .8rem; }
.m-recharge .warm-prompt { padding: .54rem .3rem 0; }
.m-recharge .warm-prompt .tit { padding-bottom: .2rem; font-size: .28rem; color: #666; }
.m-recharge .warm-prompt p { padding-bottom: .15rem; font-size: .24rem; line-height: .34rem; color: #949494; }
.m-recharge .warm-prompt label, .m-recharge .warm-prompt span { display: block; }
.m-recharge .warm-prompt label { float: left; }
.m-recharge .warm-prompt span { margin-left: .36rem; }
.m-bid .credit { height: 3.22rem; background-color: #fff; }
.m-bid .credit h3 { padding: 0.25rem 0.3rem; font-size: 0.28rem; color: #525f66; }
.m-bid .credit .amount { padding-top: 0.15rem; }
.m-bid .credit .amount p { text-align: center; }
.m-bid .credit .amount p:first-child { font-size: 0.22rem; color: #88979e; }
.m-bid .credit .amount p:last-child { font-size: 0.5rem; color: #ff5f3d; }
.m-bid .credit .info { bottom: 0; width: 100%; height: 1.04rem; background-color: #f9f9f9; }
.m-bid .credit .info p { margin-top: 0.15rem; width: 33%; border-right: 1px solid #ebebeb; text-align: center; float: left; }
.m-bid .credit .info p span { display: block; }
.m-bid .credit .info p span:last-child { font-size: 0.22rem; color: #4e616d; }
.m-bid .credit .info p span:first-child { font-size: 0.3rem; color: #525f66; }
.m-bid .credit .info p span:first-child small { font-size: 0.22rem; }
.m-bid .credit .info p:nth-child(1) span:first-child { color: #ff5f3d; }
.m-bid .credit .info p:last-child { border-right: none; }
.m-bid ul li .close-icon { right: 0.88rem; }
.m-bid ul li .profit { color: #ff5f3d; }
.m-bid ul li .all { color: #b5b5b5; }
.m-bid ul li .coupon { text-align: right; width: 67%; color: #b5b5b5; }
.m-bid ul li .icon-triangle-down { top: 50%; right: 0.3rem; margin-top: -0.16rem; font-size: 0.32rem; color: #7b878f; }
.m-bidsuccess .hd { width: 100%; height: 4.42rem; }
.m-bidsuccess .hd img { width: 100%; height: 100%; }
.m-bidsuccess .info p { padding-left: 1.85rem; margin-bottom: 0.1rem; font-size: 0.26rem; color: #666; }
.m-bidsuccess .info p span { color: #ff5f3d; }
.m-bidsuccess .info p.status { padding-left: 0; margin: 0.4rem 0 0.1rem; font-size: 0.34rem; color: #000; text-align: center; }
.m-bidsuccess .btn { margin: 0.36rem auto 0; width: 92%; height: 0.98rem; line-height: 0.98rem; font-size: 0.32rem; border-radius: 0.1rem; color: #fff; background-color: #20adff; text-align: center; display: block; }
.m-withdrawal .tips span span { color: #20adff; }
.m-withdrawal .tips .all { margin-top: 0.17rem; width: 1.2rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.24rem; border-radius: 0.17rem; border: 1px solid #20adff; color: #20adff; background: none; }
.m-withdrawal ul li span { right: 0.3rem; font-size: 0.26rem; color: #525f66; }
.m-withdrawal ul li .close-icon { right: 0.75rem; }
.m-withdrawal .btn-box { margin-top: 0.7rem; }
.m-withdrawal .btn-box .btn { background-color: #20adff; }
.m-withdrawal .btn-box .btn-1 { margin-top: .2rem; color: #20adff; background-color: #fff; border: 1px solid #20adff; }
.m-withdrawal .fee { padding-right: 0.3rem; line-height: 0.7rem; font-size: 0.26rem; color: #949494; }
.m-withdrawal .fee span { color: #20adff; }
.m-withdrawal .success .ok { margin: 0.8rem auto 0.25rem; width: 1.48rem; height: 1.48rem; }
.m-withdrawal .success .ok img { width: 100%; height: 100%; }
.m-withdrawal .success p { text-align: center; }
.m-withdrawal .success p.tip-1 { font-size: 0.34rem; color: #666; }
.m-withdrawal .success p.tip-1 span { padding: 0 0.1rem; color: #20adff; }
.m-withdrawal .success p.tip-2 { font-size: 0.24rem; color: #b5b5b5; }
.m-withdrawal .wlist { padding: .2rem .3rem; margin-top: .4rem; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #ebebeb; }
.m-withdrawal .wlist p { padding-bottom: .12rem; font-size: .28rem; color: #949494; }
.m-withdrawal .wlist p:last-child { padding-bottom: 0; }
.m-withdrawal .wlist p span { font-size: .3rem; color: #525f66; }

.m-process .process { padding: 0.9rem 0 0 0.8rem; }
.m-process .process .step { padding-bottom: 0.5rem; }
.m-process .process .step .circle { width: 0.48rem; height: 0.48rem; border-radius: 50%; background-color: #b1b7bb; display: inline-block; position: relative; }
.m-process .process .step .circle img { display: block; }
.m-process .process .step .info { margin-left: 0.72rem; color: #88979e; }
.m-process .process .step .info h4 { padding-bottom: 0.1rem; font-size: 0.32rem; font-weight: normal; }
.m-process .process .step .info p { font-size: 0.24rem; }
.m-process .process .step:nth-child(1) .circle img { margin: 0.145rem auto; width: 0.28rem; height: 0.19rem; }
.m-process .process .step:nth-child(2) .circle img { width: 0.2rem; height: 0.23rem; margin: 0.125rem auto; }
.m-process .process .step:nth-child(3) .circle img { width: 0.32rem; height: 0.32rem; margin: 0.08rem auto; }
.m-process .process .step:nth-child(4) { padding-bottom: 0; }
.m-process .process .step:nth-child(4) .circle img { width: 0.27rem; height: 0.2rem; margin: 0.14rem auto; }
.m-process .process .step:nth-child(1) .circle:after, .m-process .process .step:nth-child(2) .circle:after, .m-process .process .step:nth-child(3) .circle:after { content: ''; top: 100%; left: 0.2rem; height: 0.72rem; border-left: 0.04rem solid #b1b7bb; position: absolute; }
.m-process .process .step:nth-child(1).active .circle, .m-process .process .step:nth-child(2).active .circle, .m-process .process .step:nth-child(3).active .circle { background-color: #20adff; }
.m-process .process .step:nth-child(1).active .circle:after, .m-process .process .step:nth-child(2).active .circle:after, .m-process .process .step:nth-child(3).active .circle:after { border-left: 0.04rem solid #20adff; }
.m-process .process .step:nth-child(2) .circle:before, .m-process .process .step:nth-child(3) .circle:before, .m-process .process .step:nth-child(4) .circle:before { content: ''; bottom: 100%; left: 0.2rem; height: 0.6rem; border-left: 0.04rem solid #b1b7bb; position: absolute; }
.m-process .process .step:nth-child(2).active .circle, .m-process .process .step:nth-child(3).active .circle, .m-process .process .step:nth-child(4).active .circle { background-color: #20adff; }
.m-process .process .step:nth-child(2).active .circle:before, .m-process .process .step:nth-child(3).active .circle:before, .m-process .process .step:nth-child(4).active .circle:before { border-left: 0.04rem solid #20adff; }
.m-process .process .step.active .info { color: #20adff; }
.m-message .tabs { height: 0.88rem; line-height: 0.8rem; border-bottom: 2px solid #efeef4; background-color: #fff; }
.m-message .tabs .tab { width: 50%; height: 0.88rem; text-align: center; float: left; }
.m-message .tabs .tab span { padding: 0 0.5rem; height: 0.88rem; display: inline-block; }
.m-message .tabs .tab.cur span { border-bottom: 2px solid #20adff; }
.m-message .message-list { padding-left: 25px; background-color: #fff; }
.m-message .message-list.mt { margin-top: 0.16rem; }
.m-message .message-list li { padding: 0.2rem 0; border-bottom: 1px solid #ebebeb; }
.m-message .message-list li p { font-size: 0.28rem; color: #525f66; }
.m-message .message-list li p.time { font-size: 0.26rem; color: #88979e; }
.m-message .child-tabs { width: 100%; height: 0.58rem; line-height: 0.58rem; display: table; table-layout: fixed; overflow: hidden; background-color: #fff; }
.m-message .child-tabs .tab { width: 1%; font-size: 0.24rem; color: #6d6d6d; display: table-cell; text-align: center; }
.m-message .child-tabs .tab.cur { border-bottom: 2px solid #20adff; }
.m-messagedetail .title { padding: 0.3rem 0.8rem 0.15rem; font-size: 0.34rem; color: #154156; text-align: center; }
.m-messagedetail .time { font-size: 0.24rem; color: #a2acb2; text-align: center; }
.m-messagedetail .detail { padding: 0.4rem 0.3rem 0; }
.m-messagedetail .detail p { font-size: 0.24rem; line-height: 0.4rem; color: #44546a; }
.m-messagedetail .detail p.text { text-indent: 2em; }
.m-messagedetail .detail p.text-align { text-align: right; }
.m-messagedetail .detail p.pt { padding-top: 0.25rem; }
.overlay { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-content: center; align-items: center; }
.overlay.active { z-index: 980; background-color: rgba(0, 0, 0, 0.36); }
.overlay .modal { opacity: 0; border-radius: 0.26rem; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0) scale(0.815); transform: translate3d(0, 0, 0) scale(0.815); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; }
.overlay .modal.modal-in { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
.overlay .modal.modal-cal { width: 5.4rem; height: 3.54rem; }
.overlay .modal.modal-cal h3 { height: 0.86rem; line-height: 0.86rem; font-size: 0.34rem; font-weight: normal; color: #000; border-bottom: 1px solid #ebebeb; text-align: center; }
.overlay .modal.modal-cal h3 .close { top: 0.3rem; right: 0.3rem; width: 0.23rem; height: 0.23rem; background: url(../images/close-1.png) no-repeat; background-size: 100% 100%; }
.overlay .modal.modal-cal .cal { margin-top: 0.35rem; padding-bottom: 0.35rem; border-bottom: 1px solid #ebebeb; }
.overlay .modal.modal-cal .cal p { width: 49%; }
.overlay .modal.modal-cal .cal p span { font-size: 0.24rem; color: #949494; display: block; text-align: center; }
.overlay .modal.modal-cal .cal p span:first-child { font-size: 0.44rem; }
.overlay .modal.modal-cal .cal p:first-child { border-right: 1px solid #ebebeb; }
.overlay .modal.modal-cal .cal p:first-child span:first-child { color: #ff7300; }
.overlay .modal.modal-cal .cal p:last-child span:first-child { color: #666; }
.overlay .modal.modal-cal .ipt-box span { padding-left: 0.3rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.3rem; color: #525f66; }
.overlay .modal.modal-cal .ipt-box input { padding-left: 0.12rem; height: 0.82rem; width: 50%; border: none; outline: none; }
.overlay .modal.modal-cal .ipt-box .close-icon { right: 0.3rem; top: 0.3rem; width: 0.3rem; height: 0.3rem; background: url(../images/close-icon.png) no-repeat; background-size: 100% 100%; display: none; }
.overlay .modal-risk { width: 5.4rem; height: 6.4rem; }
.overlay .modal-risk .rclose { width: .64rem; height: .64rem; background: url(../images/rclose.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: -1.66rem; left: 0; right: 0; margin: 0 auto; }
.overlay .modal-risk h3 { padding: .32rem 0; font-size: .3rem; font-weight: normal; color: #525f66; text-align: center; }
.overlay .modal-risk .img { width: 2.75rem; height: 1.99rem; margin: 0 auto .2rem; background: url(../images/riskimg.png) no-repeat; background-size: 100% 100%; }
.overlay .modal-risk .tit { line-height: .44rem; font-size: .22rem; color: #525f66; text-align: center; }
.overlay .modal-risk .btn { margin: .36rem auto .1rem; width: 4.5rem; height: .8rem; line-height: .8rem; font-size: .28rem; border-radius: .1rem; background-color: #20adff; color: #fff; text-align: center; display: block; }
.overlay .modal-risk .tip { line-height: .44rem; font-size: .22rem; color: #949494; text-align: center; }
.overlay .modal-risk .result { line-height: .44rem; font-size: .24rem; color: #20adff; text-align: center; }

.m-discovery .header { margin: 0; }
.m-discovery .header .icon-1 { top: 0.25rem; left: 0.3rem; width: 0.28rem; height: 0.35rem; background: url(../images/discovery/discovery-icon-9.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.m-discovery .header .icon-1 .circle { top: -0.02rem; right: -0.1rem; width: 0.14rem; height: 0.14rem; border-radius: 50%; background-color: #ff6333; }
.m-discovery .header .icon-2 { top: 0.25rem; right: 0.3rem; width: 0.4rem; height: 0.34rem; background: url(../images/discovery/discovery-icon-10.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.m-discovery .slider { height: 2.8rem; }
.m-discovery .slider .slider-indicator { bottom: 0; }
.m-discovery .slider .slider-indicator .mui-indicator { width: 0.14rem; height: 0.14rem; margin: 1px; background-color: rgba(255, 255, 255, 0.54); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0); }
.m-discovery .slider .slider-indicator .mui-indicator.mui-active { background-color: white; }
.m-discovery .tab-box-1 { height: 2.5rem; margin-top: 0.16rem; background-color: #fff; }
.m-discovery .tab-box-1 .item { margin-top: 0.25rem; width: 49.5%; float: left; text-align: center; }
.m-discovery .tab-box-1 .item:nth-child(1) { border-right: 1px dashed #efeef4; }
.m-discovery .tab-box-1 .item:nth-child(1) .img { width: 1.19rem; height: 0.99rem; margin: 0 auto 0.2rem; }
.m-discovery .tab-box-1 .item:nth-child(1) .img img { width: 100%; height: 100%; }
.m-discovery .tab-box-1 .item:nth-child(2) .img { width: 1.14rem; height: 0.97rem; margin: 0 auto 0.2rem; }
.m-discovery .tab-box-1 .item:nth-child(2) .img img { width: 100%; height: 100%; }
.m-discovery .tab-box-1 .item .text p { font-size: 0.22rem; color: #979797; margin-bottom: 0; }
.m-discovery .tab-box-1 .item .text p:nth-child(1) { font-size: 0.28rem; color: #333; }
.m-discovery .tab-box-1 .item .text p span { color: #ea6546; }
.m-discovery .tab-box-2 { height: 1.26rem; background-color: #fafafa; }
.m-discovery .tab-box-2 p { margin-top: 0.2rem; width: 49.5%; float: left; text-align: center; }
.m-discovery .tab-box-2 p:nth-child(1) { border-right: 1px solid #e6e6e6; }
.m-discovery .tab-box-2 p span { display: block; font-size: 0.22rem; color: #979797; }
.m-discovery .tab-box-2 p span:nth-child(1) { color: #f8724f; font-size: 0.28rem; padding-bottom: 0.1rem; }
.m-discovery .tab-box-3 { margin-top: 0.16rem; padding-top: 0.35rem; background-color: #fff; }
.m-discovery .tab-box-3 li { margin-bottom: 0.35rem; width: 33.3%; float: left; text-align: center; }
.m-discovery .tab-box-3 li .img { width: 0.88rem; height: 0.88rem; margin: 0 auto 0.1rem; }
.m-discovery .tab-box-3 li .img img { width: 100%; height: 100%; }
.m-discovery .tab-box-3 li .img .circle { top: 0; right: 0; width: 0.22rem; height: 0.22rem; border-radius: 50%; background-color: #ff6333; box-shadow: 0px 0px 5px 0.42px rgba(255, 99, 51, 0.6); }
.m-discovery .tab-box-3 li p { margin-bottom: 0; font-size: 0.22rem; color: #333; }
.m-rechargeresult .result .img { width: 1.51rem; height: 1.48rem; margin: 0.8rem auto 0.2rem; }
.m-rechargeresult .result .img img { width: 100%; height: 100%; }
.m-rechargeresult .result .tip { font-size: 0.34rem; color: #666; text-align: center; }
.m-rechargeresult .result .tip.small { margin-top: 0.05rem; font-size: 0.22rem; color: #b5b5b5; }
.m-rechargeresult .result .btn-box { margin: 0.7rem 0.3rem 0.15rem; }
.m-rechargeresult .result .btn-box .btn { width: 100%; height: 0.88rem; line-height: 0.88rem; border-radius: 0.1rem; font-size: 0.32rem; text-align: center; color: #fff; background-color: #20adff; display: inline-block; }
.m-rechargeresult .result .btn-box .btn.contact { margin-top: 0.2rem; color: #20adff; border: 1px solid #20adff; background-color: #fff; }
.m-rechargeresult .result .tip-1 { padding: 0 0.3rem; font-size: 0.26rem; color: #949494; }
.m-rechargeresult .result .tip-1 .warning { margin-top: 0.1rem; width: 0.26rem; height: 0.26rem; background: url(../images/recharge-icon-2.png) no-repeat; background-size: 100% 100%; display: inline-block; float: left; }
.m-rechargeresult .result .tip-1 span { margin-left: 0.45rem; display: block; }
.m-coupon .tabs { height: 0.88rem; line-height: 0.88rem; }
.m-coupon .tabs .tab { float: left; width: 49.9%; font-size: 0.32rem; color: #6d6d6d; text-align: center; border-bottom: 0.04rem solid #efeef4; }
.m-coupon .tabs .tab span { line-height: 0.8rem; padding: 0 0.5rem; display: inline-block; }
.m-coupon .tabs .tab.cur { color: #4e4e4e; }
.m-coupon .tabs .tab.cur span { border-bottom: 0.04rem solid #20adff; }
.m-coupon ul { padding: 0 0.3rem; margin-top: 0.1rem; }
.m-coupon ul li { width: 6.9rem; height: 2.24rem; }
.m-coupon ul li .left { padding-top: 0.6rem; width: 1.78rem; }
.m-coupon ul li .left p { color: #fff; text-align: center; }
.m-coupon ul li .left p:nth-child(1) { font-size: 0.42rem; }
.m-coupon ul li .left p:nth-child(2) { font-size: 0.28rem; }
.m-coupon ul li .right { margin-left: 2.3rem; padding-top: 0.6rem; }
.m-coupon ul li .right p { font-size: 0.22rem; color: #3d5464; /*line-height: 0.26rem;*/ }
.m-coupon ul.unuse li { background: url(../images/coupon-unuse.png) no-repeat; background-size: 100% 100%; }
.m-coupon ul.used li { background: url(../images/coupon-used.png) no-repeat; background-size: 100% 100%; }
.m-loan h3 .loan-icon-1 { top: 0.65rem; right: 0.3rem; width: 0.38rem; height: 0.38rem; background: url(../images/loan-icon-1.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.m-loan .tips { padding-left: 0.3rem; height: 0.72rem; line-height: 0.72rem; font-size: 0.26rem; color: #949494; }
.m-loan .list { padding-left: 0.3rem; background-color: #fff; }
.m-loan .list li { height: 0.88rem; line-height: 0.88rem; border-bottom: 1px solid #ebebeb; position: relative; }
.m-loan .list li:last-child { border-bottom: none; }
.m-loan .list li i { width: 0.7rem; height: 0.88rem; display: inline-block; float: left; }
.m-loan .list li i img { display: inline-block; }
.m-loan .list li span { width: 1.5rem; font-size: 0.32rem; color: #525f66; display: inline-block; }
.m-loan .list li input { top: 0.22rem; height: 0.44rem; font-size: 0.26rem; color: #525f66; border: none; outline: none; position: absolute; }
.m-loan .list li .code-text { right: 0.3rem; height: 0.88rem; font-size: 0.26rem; color: #20adff; border: none; background: none; outline: none; }
.m-loan .list li .code-text.disable { color: #999; }
.m-loan .list li small { right: 0.3rem; font-size: 0.26rem; color: #525f66; }
.m-loan .list li:nth-child(1) img { width: 0.32rem; height: 0.38rem; margin: 0.25rem 0; }
.m-loan .list li:nth-child(2) img { width: 0.27rem; height: 0.38rem; margin: 0.25rem 0; }
.m-loan .list li:nth-child(3) img { width: 0.38rem; height: 0.31rem; margin: 0.285rem 0; }
.m-loan .list.list-1 { margin-top: 0.16rem; }
.m-loan .list.list-1 li:nth-child(1) img { width: 0.34rem; height: 0.38rem; margin: 0.25rem 0; }
.m-loan .list.list-1 li:nth-child(2) img { width: 0.38rem; height: 0.33rem; margin: 0.225rem 0; }
.m-loan .list.list-1 li:nth-child(3) img { width: 0.32rem; height: 0.38rem; margin: 0.25rem 0; }
.m-loan .list.list-1 li:nth-child(4) img { width: 0.35rem; height: 0.38rem; margin: 0.25rem 0; }
.m-loan .btn-box { margin: 0.5rem 0.3rem 0.3rem; }
.m-loan .btn-box .btn { width: 100%; height: 0.98rem; line-height: 0.98rem; border-radius: 0.1rem; font-size: 0.32rem; color: #fff; background-color: #20adff; text-align: center; display: block; }
.m-loan .agree { padding: 0 0.3rem; font-size: 0.26rem; color: #949494; }
.m-loan .agree .loan-icon-9 { margin-right: 0.15rem; width: 0.3rem; height: 0.3rem; background: url(../images/loan-icon-10.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.m-loan .agree .loan-icon-9.check { background: url(../images/loan-icon-9.png) no-repeat; background-size: 100% 100%; }
.m-loan .agree .service { color: #20adff; }
@-webkit-keyframes start {
	0%, 30% { opacity: 0.5; -webkit-transform: translate(0, 0.2rem); }
	60% { opacity: 1; -webkit-transform: translate(0, 0); }
	100% { opacity: 0.5; -webkit-transform: translate(0, -0.16rem); }
}
@keyframes start {
	0%, 30% { opacity: 0.5; transform: translate(0, 0.2rem); }
	60% { opacity: 1; transform: translate(0, 0); }
	100% { opacity: 0.5; transform: translate(0, -0.16rem); }
}
.m-guarantee .arrow { bottom: 0.4rem; left: 50%; margin-left: -0.245rem; width: 0.49rem; height: 0.31rem; background: url(../images/guarantee-4.png) no-repeat; background-size: 100% 100%; position: fixed; -webkit-animation: start 1.5s infinite ease-in-out; animation: start 1.5s infinite ease-in-out; }
.m-guarantee .page h3 { padding-top: 0.6rem; font-size: 0.34rem; font-weight: normal; line-height: 0.65rem; color: #20adff; text-align: center; }
.m-guarantee .page > p { font-size: 0.26rem; line-height: 0.38rem; padding: 0 0.54rem; color: #133f54; text-align: center; }
.m-guarantee .page1 .bg { width: 100%; height: 12.46rem; background: url(../images/guarantee-1.png) no-repeat; background-size: 100% 100%; }
.m-guarantee .page1 .bg .star { top: 0; right: 20px; width: 0.91rem; height: 2.47rem; background: url(../images/guarantee-16.png) no-repeat; background-size: 100% 100%; }
.m-guarantee .page1 .bg .earth { top: 2.35rem; left: 0; right: 0; margin: 0 auto; width: 5.52rem; height: 5.52rem; background: url(../images/guarantee-2.png) no-repeat; background-size: 100% 100%; }
.m-guarantee .page1 .bg .text { bottom: 1.44rem; left: 0; right: 0; margin: 0 auto; width: 6.09rem; height: 1.62rem; background: url(../images/guarantee-3.png) no-repeat; background-size: 100% 100%; }
.m-guarantee .page2 .img { margin: 0.65rem auto 0.7rem; width: 4.8rem; height: 4.59rem; }
.m-guarantee .page2 .img img { width: 100%; height: 100%; }
.m-guarantee .page2 ul, .m-guarantee .page3 ul { padding: 0 0.55rem; }
.m-guarantee .page2 ul li, .m-guarantee .page3 ul li { width: 6.43rem; height: 1.4rem; margin: 0 auto 0.3rem; border-radius: 0.7rem; background-color: #d6eafe; }
.m-guarantee .page2 ul li i, .m-guarantee .page3 ul li i { margin-top: 0.1rem; margin-left: 0.1rem; width: 1.19rem; height: 1.19rem; float: left; }
.m-guarantee .page2 ul li i img, .m-guarantee .page3 ul li i img { width: 100%; height: 100%; }
.m-guarantee .page2 ul li p, .m-guarantee .page3 ul li p { margin-left: 1.4rem; padding-top: 0.1rem; width: 4.9rem; font-size: 0.24rem; line-height: 0.3rem; color: #133f54; }
.m-guarantee .page3 .img { width: 6.23rem; height: 1.36rem; margin: 1.16rem auto 0.15rem; }
.m-guarantee .page3 .img img { width: 100%; height: 100%; }
.m-guarantee .page3 .text { margin-bottom: 0.6rem; }
.m-guarantee .page3 .text p { width: 33.3%; font-size: 0.26rem; color: #62acff; text-align: center; float: left; }
.m-guarantee .page3 ul li:nth-child(2) p { padding-top: 0.25rem; }
.m-guarantee .page4 .img { width: 4.8rem; height: 4.59rem; margin: 0.55rem auto; }
.m-guarantee .page4 .img img { width: 100%; height: 100%; }
.m-guarantee .page4 ul { padding: 0 0.3rem; height: 1.95rem; }
.m-guarantee .page4 ul li span { width: 49%; font-size: 0.26rem; color: #133f54; display: inline-block; }
.m-guarantee .page4 ul li span i { margin-right: 0.16rem; width: 0.3rem; height: 0.3rem; line-height: 0.3rem; border-radius: 50%; font-size: 0.22rem; color: #fff; background-color: #62acff; display: inline-block; text-align: center; }
.m-guarantee .page4 .mui-slider-indicator .mui-indicator { margin: 1px; width: 0.14rem; height: 0.14rem; background-color: #efeef4; box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0); }
.m-guarantee .page4 .mui-slider-indicator .mui-indicator.mui-active { background-color: #62acff; }
.m-guarantee .page5 .img { width: 5.9rem; height: 5.8rem; margin: 0.45rem auto 0.3rem; }
.m-guarantee .page5 .img img { width: 100%; height: 100%; }
.m-guarantee .page5 ul { padding: 0 0.5rem; }
.m-guarantee .page5 ul li { margin-bottom: 0.3rem; }
.m-guarantee .page5 ul li i { width: 0.82rem; height: 0.82rem; float: left; }
.m-guarantee .page5 ul li i img { width: 100%; height: 100%; }
.m-guarantee .page5 ul li p { margin-left: 1.02rem; font-size: 0.24rem; line-height: 0.3rem; color: #133f54; }

/* project new */
.m-project-1 .info-list li span small { font-size: 0.26rem; margin-right: 0.25rem; float: left; }
.m-project-1 .info-list li.bb { border-bottom: 1px solid #ebebeb; }
.m-project-1 .icon-up { width: .16rem; height: .16rem; border: 1px solid #20adff; border-bottom-width: 0; border-right-width: 0; transition: transform .5s; transform: translateY(-50%) rotate(45deg); top: 50%; right: .3rem; }
.m-project-1 .icon-up.down { transition: transform .5s; transform: translateY(-50%) rotate(-135deg); }
.m-project-1 .wrapper { position: absolute; width: 100%; top: 7.4rem; bottom: .98rem; }
.m-project-1 .exprinfo { margin-top: -.16rem; padding: .4rem .4rem 0 .3rem; background-color: #fff; }
.m-project-1 .exprinfo .item { padding-bottom: .36rem; }
.m-project-1 .exprinfo p { padding-left: .24rem; font-size: .24rem; line-height: .42rem; color: #133f54; }
.m-project-1 .exprinfo .tit { padding-left: 0; padding-bottom: .16rem; line-height: .3rem; font-size: .3rem; }
.m-project-1 .exprinfo .tit .line { margin-right: .16rem; width: .08rem; height: .29rem; background-color: #20adff; float: left; }
.m-project-1 .exprinfo label, .m-project-1 .exprinfo span { display: block; }
.m-project-1 .exprinfo label { float: left; }
.m-project-1 .exprinfo span { margin-left: .36rem; }

/* project detail */
.m-projectdetail .step .item { margin-top: 0.16rem; background-color: #fff; }
.m-projectdetail .step .item h4 { padding: 0.35rem 0 0 0.3rem; font-weight: normal; }
.m-projectdetail .step .item h4 i { margin-right: 0.2rem; width: 0.08rem; height: 0.29rem; background-color: #20adff; display: inline-block; vertical-align: middle; }
.m-projectdetail .step .item h4 span { font-size: 0.3rem; color: #133f54; vertical-align: middle; }
.m-projectdetail .step .item1 .detail { padding: 0.15rem 0.45rem 0.32rem 0.58rem; }
.m-projectdetail .step .item1 .detail p { font-size: 0.24rem; line-height: 0.38rem; color: #133f54; }
.m-projectdetail .step .item2 ul { padding: 0.2rem 0 0.2rem 0.58rem; }
.m-projectdetail .step .item2 ul li { padding-bottom: 0.12rem; }
.m-projectdetail .step .item2 ul li span { width: 49%; font-size: 0.24rem; line-height: 0.34rem; color: #133f54; display: inline-block; }
.m-projectdetail .step .item2 ul li span label { width: 1.25rem; display: inline-block; }
.m-projectdetail .step .item3 ul { padding: 0.25rem 0 0.15rem 0.58rem; }
.m-projectdetail .step .item3 ul li { padding-bottom: 0.15rem; font-size: 0.24rem; color: #133f54; }
.m-projectdetail .step .item4 { margin-bottom: 0.16rem; }
.m-projectdetail .step .item4 .detail { margin-left: 0.58rem; padding: 0.2rem 1rem 0.2rem 0; border-bottom: 1px solid #ebebeb; }
.m-projectdetail .step .item4 .detail p { font-size: 0.24rem; line-height: 0.34rem; color: #133f54; }
.m-projectdetail .step .item4 .tips { padding-left: 0.58rem; height: 0.88rem; line-height: 0.88rem; }
.m-projectdetail .step .item4 .tips span { font-size: 0.26rem; color: #133f54; }
.m-projectdetail .step .item4 .tips span a { color: #20adff; text-decoration: underline; }
.m-projectdetail .step .item4 .tips .icon-angle-right { padding-right: 0.3rem; font-size: 0.4rem; line-height: 0.88rem; color: #dcdcdc; }
.m-projectdetail .step .item5 .table { padding: 0.25rem 0.3rem 0.4rem; }
.m-projectdetail .step .item5 .table table { width: 100%; border: 1px solid #ededed; }
.m-projectdetail .step .item5 .table table tr { height: 0.57rem; border-bottom: 1px solid #ededed; }
.m-projectdetail .step .item5 .table table tr:last-child { border-bottom: none; }
.m-projectdetail .step .item5 .table table tr:first-child { background-color: #f9f9f9; }
.m-projectdetail .step .item5 .table table td { padding-left: 0.28rem; width: 50%; font-size: 0.24rem; border-right: 1px solid #ededed; color: #717171; }
.m-projectdetail .step .item5 .table table td:last-child { border-right: none; }
.m-projectdetail .step .item5 .table table td span { color: #010101; }
.m-projectdetail .step .item6 ul { padding: 0.2rem 0.3rem 0.28rem; }
.m-projectdetail .step .item6 ul li { float: left; width: 2.18rem; height: 1.4rem; margin-right: 0.16rem; margin-bottom: 0.16rem; }
.m-projectdetail .step .item6 ul li img { width: 100%; height: 100%; }
.m-projectdetail .step .item6 ul li:nth-child(3n) { margin-right: 0; }
.m-projectdetail .step .item7 { margin-bottom: 0.16rem; }
.m-projectdetail .step .item7 ul { padding-left: 0.3rem; }
.m-projectdetail .step .item7 ul li { height: 0.88rem; padding: 0 0.1rem; border-bottom: 1px solid #ebebeb; }
.m-projectdetail .step .item7 ul li:last-child { border-bottom: none; }
.m-projectdetail .step .item7 ul li p { font-size: 0.26rem; }
.m-projectdetail .step .item7 ul li p:first-child span { display: block; }
.m-projectdetail .step .item7 ul li p:last-child { line-height: 0.88rem; }
.m-projectdetail .step .item7 ul li p .name { padding-top: 0.05rem; font-size: 0.28rem; color: #525f66; }
.m-projectdetail .step .item7 ul li p .time { font-size: 0.22rem; color: #88979e; }
.m-projectdetail .step .item7 ul li p .amount { color: #f8724f; }
.m-risk .wrapper { position: absolute; width: 100%; top: 1.28rem; bottom: 0; }
.m-risk .risk { margin-top: 0.16rem; background-color: #fff; color: #133f54; }
.m-risk .risk ul { padding-left: 0.3rem; }
.m-risk .risk ul li { padding: 0.25rem 0.3rem 0.25rem 0; font-size: 0.24rem; line-height: 0.38rem; text-indent: 2em; }
.m-risk .risk ul li:first-child { border-bottom: 1px solid #ebebeb; }
.m-risk .risk .detail > p { font-size: 0.26rem; padding-left: 0.3rem; }
.m-risk .risk .detail .info { padding: 0.2rem 0.45rem 0 0.6rem; }
.m-risk .risk .detail .info .item h4, .m-risk .risk .detail .info .item p { font-size: 0.24rem; }
.m-risk .risk .detail .info .item h4 { font-weight: normal; }
.m-risk .risk .detail .info .item p { line-height: 0.38rem; padding: 0.2rem 0; }
.m-message .nodata .img { width: 2.43rem; height: 1.84rem; margin: 3.6rem auto 0.3rem; }
.m-coupon .nodata .img { width: 2.95rem; height: 2.01rem; margin: 2.62rem auto 0.3rem; }
.nodata.nodata-1 .img { width: 2.89rem; height: 2.17rem; margin: 3.27rem auto 0.3rem; }
.nodata .img img { width: 100%; height: 100%; }
.nodata .text { font-size: 0.32rem; color: #949494; text-align: center; }
.nodata .refresh { width: 1.76rem; height: 0.54rem; line-height: 0.54rem; font-size: 0.3rem; color: #20adff; border-radius: 0.29rem; border: 1px solid #20adff; text-align: center; margin: 0.3rem auto 0; display: block; }

/* choose bank */
.m-choosebank .blist { margin-top: .16rem; padding-left: .3rem; background-color: #fff; }
.m-choosebank .blist li { height: 1.18rem; border-bottom: 1px solid #EBEBEB; }
.m-choosebank .blist li:last-child { border-bottom: none; }
.m-choosebank .blist li .img { margin-top: .28rem; width: .58rem; height: .58rem; float: left; }
.m-choosebank .blist li .img1 { background: url(../images/choosebank/bank1.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img2 { background: url(../images/choosebank/bank2.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img3 { width: .54rem; background: url(../images/choosebank/bank3.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img4 { background: url(../images/choosebank/bank4.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img5 { margin-top: .42rem; width: .56rem; height: .44rem; background: url(../images/choosebank/bank5.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img6 { width: .54rem; background: url(../images/choosebank/bank6.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img7 { margin-top: .5rem; width: .56rem; height: .36rem; background: url(../images/choosebank/bank7.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img8 { margin-top: .38rem; height: .48rem; background: url(../images/choosebank/bank8.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img9 { margin-top: .5rem; width: .59rem; height: .26rem; background: url(../images/choosebank/bank9.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img10 { background: url(../images/choosebank/bank10.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img11 { margin-top: .31rem; height: .55rem; background: url(../images/choosebank/bank11.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img12 { margin-top: .55rem; height: .31rem; background: url(../images/choosebank/bank12.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img13 { background: url(../images/choosebank/bank13.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img14 { background: url(../images/choosebank/bank14.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img15 { background: url(../images/choosebank/bank15.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img16 { margin-top: .53rem; width: .56rem; height: .33rem; background: url(../images/choosebank/bank16.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img17 { margin-top: .36rem; height: .5rem; background: url(../images/choosebank/bank17.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .img18 { width: .54rem; background: url(../images/choosebank/bank18.png) no-repeat; background-size: 100% 100%; }
.m-choosebank .blist li .info { margin-left: .84rem; }
.m-choosebank .blist li .name { padding-top: .28rem; font-size: .28rem; color: #525f66; }
.m-choosebank .blist li .sm { font-size: .22rem; color: #b5b5b5; }
.m-choosebank .blist li.cur .info .name, .m-choosebank .blist li.cur .info .sm { color: #20adff; }
.m-choosebank .blist li.cur .img { margin-top: .28rem; width: .58rem; height: .58rem; background: url(../images/choosebank/choose.png) no-repeat; background-size: 100% 100%; }

/* withdrawal instruction */
.m-winstruction .info, .m-winstruction .feeinfo { padding: .28rem .3rem 0; }
.m-winstruction .info p, .m-winstruction .feeinfo p { padding-bottom: .1rem; line-height: .4rem; font-size: .24rem; color: #949494; }
.m-winstruction .info p label, .m-winstruction .info p span, .m-winstruction .feeinfo p label, .m-winstruction .feeinfo p span { display: block; }
.m-winstruction .info p label, .m-winstruction .feeinfo p label { float: left; }
.m-winstruction .info p span, .m-winstruction .feeinfo p span { margin-left: .42rem; }
.m-winstruction .info .lg, .m-winstruction .feeinfo .lg { font-size: .28rem; color: #666; }
.m-winstruction .feeinfo { padding-top: .2rem; }

.m-risktr .hd { width: 100%; height: 4rem; background: url(../images/risktr.png) no-repeat; background-size: 100% 100%; }
.m-risktr .hd .title { padding: .4rem .3rem 0; height: .88rem; line-height: .88rem; letter-spacing: 1px; font-size: .34rem; font-weight: normal; color: #fff; text-align: center; }
.m-risktr .hd .icon-angle-left { font-size: .5rem; line-height: .88rem; width: .5rem; }
.m-risktr .hd .tit { padding: .32rem 0 .2rem; font-size: .24rem; color: rgba(255, 255, 255, 0.5); text-align: center; }
.m-risktr .hd .result { font-size: .38rem; color: #fff; text-align: center; }
.m-risktr .tips { padding: .22rem .3rem; line-height: .42rem; font-size: .26rem; color: #ff802b; background-color: #ffecdf; }
.m-risktr .btn { margin: .7rem auto .2rem; width: 6.9rem; height: .98rem; line-height: .98rem; font-size: .32rem; border-radius: .1rem; background-color: #20adff; color: #fff; text-align: center; display: block; }
.m-risktr .reset { font-size: .24rem; color: #20adff; text-align: center; }

.m-auth .hd { width: 100%; height: 4.2rem; background-image: -webkit-linear-gradient(0deg, #4286f5 0%, #619aff 100%); }
.m-auth .hd .title { padding: .4rem .3rem 0; height: .88rem; line-height: .88rem; letter-spacing: 1px; font-size: .34rem; font-weight: normal; color: #fff; text-align: center; }
.m-auth .hd .icon-angle-left { font-size: .5rem; line-height: .88rem; width: .5rem; }
.m-auth .hd .logo { margin: .32rem auto .14rem; width: 1.32rem; height: 1.33rem; background: url(../images/auth.png) no-repeat; background-size: 100% 100%; }
.m-auth .hd .tit { line-height: .44rem; font-size: .26rem; color: #fff; text-align: center; }
.m-auth .hd .sm { font-size: .24rem; color: rgba(255, 255, 255, 0.5); }
.m-auth ul { padding-left: .3rem; background-color: #fff; }
.m-auth ul li { height: .88rem; line-height: .88rem; font-size: .32rem; color: #525f66; border-bottom: 1px solid #ebebeb; }
.m-auth ul li:last-child { border-bottom: none; }
.m-auth ul li .icon-angle-right { padding-right: .3rem; line-height: .88rem; font-size: .4rem; color: #dcdcdc; }

.m-enterprise .header { box-sizing: content-box; }
.m-enterprise ul { background-color: #fff; }
.m-enterprise ul.mt { margin-top: .16rem; }
.m-enterprise ul li { padding-left: 0; margin-left: .3rem; border-bottom: 1px solid #ebebeb; }
.m-enterprise ul li:last-child { border-bottom: none; }
.m-enterprise ul li label { width: 2.25rem; }
.m-enterprise ul li .unit { right: .3rem; font-size: .28rem; color: #525f66; }
.m-enterprise ul li .pr { right: .75rem; }
.m-enterprise ul li input { margin-bottom: 0; padding: 0; background: none; }
.m-enterprise ul li .choose { padding-right: 1.05rem; font-size: .26rem; color: #949494; }
.m-enterprise ul li .choose .radio { margin-right: .15rem; width: .24rem; height: .24rem; border-radius: 50%; border: 1px solid #B5B5B5; vertical-align: middle; display: inline-block; position: relative; }
.m-enterprise ul li .choose span { vertical-align: middle; }
.m-enterprise ul li .choose.cur { color: #525f66; }
.m-enterprise ul li .choose.cur .radio { border-color: #20adff; }
.m-enterprise ul li .choose.cur .radio:after { top: 50%; left: 50%; transform: translate(-50%, -50%); width: .14rem; height: .14rem; border-radius: 50%; background-color: #20adff; content: ''; position: absolute; }
.m-enterprise .btn { margin: .7rem auto 0; width: 6.9rem; height: .98rem; line-height: .98rem; font-size: .32rem; border-radius: .1rem; background-color: #20adff; color: #fff; text-align: center; display: block; }

/* risk test */
.m-risktest .header { box-sizing: content-box; }
.m-risktest .tips { margin-bottom: .16rem; padding: .25rem .3rem; line-height: .42rem; font-size: .26rem; color: #ff6e09; background-color: #fff2e9; }
.m-risktest .qlist { padding-left: .3rem; background-color: #fff; }
.m-risktest .qlist li .ques { padding: .22rem .3rem .22rem 0; font-size: .3rem; color: #525f66; border-bottom: 1px solid #ebebeb; }
.m-risktest .qlist li .ques label, .m-risktest .qlist li .ques span { display: block; }
.m-risktest .qlist li .ques label { width: .55rem; float: left; }
.m-risktest .qlist li .ques span { margin-left: .55rem; }
.m-risktest .qlist li .ans { padding: .22rem 0; }
.m-risktest .qlist li .ans p { padding: 0 .3rem .22rem 0; font-size: .26rem; color: #666; }
.m-risktest .qlist li .ans p.cur .radio { border-color: #20adff; }
.m-risktest .qlist li .ans p.cur .radio:after { top: 50%; left: 50%; transform: translate(-50%, -50%); width: .18rem; height: .18rem; border-radius: 50%; background-color: #20adff; content: ''; position: absolute; }
.m-risktest .qlist li .ans p label, .m-risktest .qlist li .ans p span { display: block; }
.m-risktest .qlist li .ans p label { width: .34rem; float: left; }
.m-risktest .qlist li .ans p span { margin-left: .8rem; }
.m-risktest .qlist li .ans .radio { margin-right: .18rem; width: .28rem; height: .28rem; border-radius: 50%; border: 1px solid #BEBEC5; float: left; position: relative; }
.m-risktest .qlist li .ans .sm { font-size: .24rem; color: #949494; display: block; }
.m-risktest .progress { height: .1rem; background-color: #e0e0e4; }
.m-risktest .progress .child { top: 0; left: 0; height: .1rem; background-color: #20adff; display: inline-block; transition: all .3s ease-in-out; }
.m-risktest .number { padding-top: .2rem; }
.m-risktest .number p { font-size: .24rem; color: #949494; text-align: center; }
.m-risktest .number .next { right: .14rem; }
.m-risktest .number .next .triangle { margin-left: .1rem; border-color: transparent transparent transparent #20adff; }
.m-risktest .number .prev { left: .14rem; }
.m-risktest .number .prev .triangle { margin-right: .1rem; border-color: transparent #20adff transparent transparent; }
.m-risktest .number .next, .m-risktest .number .prev { font-size: .24rem; color: #20adff; }
.m-risktest .number .next span, .m-risktest .number .prev span { vertical-align: middle; }
.m-risktest .number .triangle { border-style: solid; border-width: .16rem; display: inline-block; vertical-align: middle; }
.m-risktest .btn-box .btn { margin: .36rem auto .22rem; width: 6.9rem; height: .98rem; line-height: .98rem; font-size: .32rem; border-radius: .1rem; background-color: #20adff; color: #fff; text-align: center; display: block; }
.m-risktest .btn-box .bprev { font-size: .24rem; color: #20adff; text-align: center; }

/* invitaion */
.m-invitation .wrapper { width: 100%; position: absolute; top: 5.08rem; bottom: .98rem; }
.m-invitation .hd { width: 100%; height: 4.2rem; background: url(../images/invitation-hd.png) no-repeat; background-size: 100% 100%; overflow: hidden; }
.m-invitation .hd .title { padding: .4rem .3rem 0; height: .88rem; line-height: .88rem; letter-spacing: 1px; font-size: .34rem; font-weight: normal; color: #fff; text-align: center; box-sizing: content-box; }
.m-invitation .hd .icon-angle-left { left: .3rem; font-size: .5rem; line-height: .88rem; width: .5rem; }
.m-invitation .hd .nbox { padding: .3rem 0; }
.m-invitation .hd .nbox p { font-size: .26rem; color: rgba(255, 255, 255, 0.6); text-align: center; }
.m-invitation .hd .nbox .num { font-size: .46rem; color: #fff; }
.m-invitation .hd ul { width: 100%; display: table; table-layout: fixed; }
.m-invitation .hd ul li { border-right: 1px solid rgba(255, 255, 255, 0.5); display: table-cell; text-align: center; }
.m-invitation .hd ul li:last-child { border-right: none; }
.m-invitation .hd ul li p { font-size: .24rem; color: rgba(255, 255, 255, 0.8); }
.m-invitation .hd ul li .num { font-size: .3rem; color: #fff; }
.m-invitation .hd .rule { top: 1.58rem; right: -1rem; width: 2rem; height: .5rem; line-height: .5rem; font-size: .26rem; text-indent: .2rem; color: #6e6bfb; border-radius: .25rem; background-color: #fff; display: inline-block; position: absolute; }
.m-invitation .tabs { width: 100%; height: .88rem; line-height: .88rem; display: table; table-layout: fixed; }
.m-invitation .tabs .tab { font-size: .32rem; color: #525f66; border-bottom: 1px solid #ebebeb; display: table-cell; text-align: center; }
.m-invitation .tabs .tab.cur { color: #20adff; border-bottom: 1px solid #20adff; }
.m-invitation .table-box { margin: .3rem; }
.m-invitation table { width: 100%; }
.m-invitation table tr { height: .8rem; line-height: .8rem; }
.m-invitation table th { font-size: .28rem; color: #525f66; background-color: #f0f8fe; text-align: center; }
.m-invitation table td { font-size: .26rem; color: rgba(82, 95, 102, 0.85); text-align: center; }
.m-invitation table td.no { color: #ff812a; }
.m-invitation table tbody tr:nth-child(even) { background-color: #fbfcfd; }
.m-invitation table .remind, .m-invitation table .already { width: 1.18rem; height: .48rem; line-height: .48rem; border-radius: .24rem; display: inline-block; }
.m-invitation table .remind { color: #20adff; border: 1px solid #20adff; }
.m-invitation table .already { border: 1px solid #B5B5B5; color: #949494; }
.m-invitation .invitation { bottom: 0; width: 100%; height: .98rem; line-height: .98rem; font-size: .3rem; letter-spacing: 1px; color: #fff; background-color: #20adff; text-align: center; display: block; position: fixed; }

.modal-invitation { width: 5.6rem; height: 9.29rem; }
.modal-invitation h3 { padding: .36rem 0 .2rem; line-height: .44rem; font-size: .34rem; font-weight: normal; color: #000; text-align: center; }
.modal-invitation .detail { padding: 0 .3rem; }
.modal-invitation .detail p { padding-bottom: .1rem; line-height: .42rem; font-size: .24rem; color: #525f66; }
.modal-invitation .detail p label, .modal-invitation .detail p span { display: block; }
.modal-invitation .detail p label { width: .35rem; float: left; }
.modal-invitation .detail p span { margin-left: .35rem; }
.modal-invitation table { margin: .2rem .3rem 0; width: 5rem; }
.modal-invitation table tr { height: .6rem; line-height: .6rem; }
.modal-invitation table th { font-size: .26rem; color: #525f66; text-align: center; background-color: #f0f8fe; }
.modal-invitation table td { font-size: .24rem; color: #757e83; text-align: center; }
.modal-invitation table tbody tr:nth-child(even) { background-color: #fbfcfd; }

.m-bidconfirm .header { box-sizing: content-box; }
.m-bidconfirm .hd { background-color: #fff; }
.m-bidconfirm .hd .name { padding: .3rem .3rem .36rem; line-height: .3rem; font-size: .3rem; color: #666; }
.m-bidconfirm .hd .name i { margin-right: .12rem; width: .28rem; height: .28rem; line-height: .28rem; font-size: .24rem; color: #fff; border-radius: .04rem; border: .02rem solid #ff5b5b; background-color: #ff5b5b; text-align: center; display: inline-block; vertical-align: middle; }
.m-bidconfirm .hd .name span { vertical-align: middle; }
.m-bidconfirm .hd .binfo { padding-bottom: .26rem; width: 100%; display: table; table-layout: fixed; }
.m-bidconfirm .hd .binfo li { display: table-cell; border-right: 1px solid #ebebeb; }
.m-bidconfirm .hd .binfo li:last-child { border-right: none; }
.m-bidconfirm .hd .binfo li:nth-child(1) { padding-left: .3rem; }
.m-bidconfirm .hd .binfo li:nth-child(2), .m-bidconfirm .hd .binfo li:nth-child(3) { padding-left: .4rem; }
.m-bidconfirm .hd .binfo p { font-size: .24rem; color: #8c98a4; }
.m-bidconfirm .hd .binfo .rate { font-size: .46rem; color: #20adff; }
.m-bidconfirm .hd .binfo .rate small { font-size: .26rem; }
.m-bidconfirm .hd .binfo .num { font-size: .34rem; color: #525f66; }
.m-bidconfirm .hd .binfo .num small { font-size: .24rem; }
.m-bidconfirm .hd .binfo .rate, .m-bidconfirm .hd .binfo .num { padding-bottom: .1rem; height: .46rem; line-height: .46rem; }
.m-bidconfirm .hd .payway { margin-left: .3rem; height: .76rem; line-height: .76rem; border-top: 1px solid #ebebeb; font-size: .24rem; color: #8c98a4; }
.m-bidconfirm .hd .payway span { color: #525f66; }
.m-bidconfirm .ilist { margin-top: .16rem; padding-left: .3rem; background-color: #fff; }
.m-bidconfirm .ilist li { height: .88rem; line-height: .88rem; border-bottom: 1px solid #ebebeb; position: relative; }
.m-bidconfirm .ilist li:last-child { border-bottom: none; }
.m-bidconfirm .ilist li label { width: 1.64rem; font-size: .32rem; color: #525f66; float: left; }
.m-bidconfirm .ilist li .amount { font-size: .26rem; color: #20adff; }
.m-bidconfirm .ilist li .coupon, .m-bidconfirm .ilist li .deduction { font-size: .26rem; color: #525f66; }
.m-bidconfirm .ilist li input { margin: 0; padding: 0; width: 60%; height: .4rem; line-height: .4rem; font-size: .26rem; color: #525f66; border: none; outline: none; }
.m-bidconfirm .ilist li input::-webkit-input-placeholder { color: #b5b5b5; }
.m-bidconfirm .ilist li .op { right: .3rem; top: 50%; transform: translateY(-50%); width: .88rem; height: .38rem; line-height: .38rem; font-size: .24rem; border-radius: .19rem; border: 1px solid #20adff; color: #20adff; text-align: center; box-sizing: content-box; }
.m-bidconfirm .ilist li .icon-angle-right { padding-right: .3rem; line-height: .88rem; font-size: .4rem; color: #dcdcdc; }
.m-bidconfirm .ilist li .qicon { top: 50%; transform: translateY(-50%); right: .3rem; width: .3rem; height: .3rem; background: url(../images/new/qicon.png) no-repeat; background-size: 100% 100%; }
.m-bidconfirm .ilist li .unit { padding-right: .3rem; font-size: .28rem; color: #525f66; float: right; }
.m-bidconfirm .ilist li .no { font-size: .26rem; color: #b5b5b5; }
.m-bidconfirm .acpay { padding: .2rem .3rem .36rem; font-size: .26rem; color: #949494; }
.m-bidconfirm .acpay span { color: #20adff; }
.m-bidconfirm .btn { margin: 0 auto; width: 6.9rem; height: .98rem; line-height: .98rem; font-size: .32rem; color: #fff; border-radius: .1rem; background-color: #20adff; text-align: center; display: block; }
.m-bidconfirm .tips { padding: .12rem .3rem 0; font-size: .24rem; color: #949494; }
.m-bidconfirm .tips a { color: #20adff; }
.m-bidconfirm .tips .cicon { margin-right: .14rem; width: .24rem; height: .24rem; background: url(../images/new/cicon.png) no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; }
.m-bidconfirm .tips .cicon.uncicon { background: url(../images/new/uncicon.png) no-repeat; background-size: 100% 100%; }
.m-bidconfirm .tips span { vertical-align: middle; }

.m-deduction ul { margin-top: .16rem; padding-left: .3rem; background-color: #fff; }
.m-deduction ul li { height: .88rem; line-height: .88rem; padding-right: .3rem; border-bottom: 1px solid #ebebeb; }
.m-deduction ul li:last-child { border-bottom: none; }
.m-deduction ul label { font-size: .32rem; color: #525f66; }
.m-deduction ul span { font-size: .26rem; color: #ff7f2b; float: right; }
.m-deduction ul span.total { font-size: .32rem; color: #282d2f; }

.use-coupon { bottom: -7.07rem; width: 100%; height: 7.07rem; background-color: #fff; position: absolute; overflow-y: scroll; opacity: 0; transition: all .2s ease-in-out; }
.use-coupon.active { bottom: 0; opacity: 1; transition: all .2s ease-in-out; }
.use-coupon .title { height: .88rem; line-height: .88rem; font-size: .32rem; color: #525f66; border-bottom: 1px solid #ebebeb; text-align: center; }
.use-coupon .clist { padding-left: .3rem; margin-bottom: 1rem; }
.use-coupon .clist li { padding-right: .3rem; height: .88rem; line-height: .88rem; border-bottom: 1px solid #ebebeb; font-size: .28rem; color: #525f66; }
.use-coupon .clist li.cur { color: #20adff; }
.use-coupon .clist li .radio { margin-top: .28rem; width: .32rem; height: .32rem; background: url(../images/new/radio.png) no-repeat; background-size: 100% 100%; float: right; }
.use-coupon .clist li .radio.check { background: url(../images/new/cradio.png) no-repeat; background-size: 100% 100%; }
.use-coupon .close { bottom: 0; width: 100%; height: .98rem; line-height: .98rem; font-size: .32rem; color: #fff; background-color: #20adff; text-align: center; display: block; position: fixed; }

.pmodal { width: 5.4rem; height: 2.66rem; }
.pmodal .title { padding: 0; height: .88rem; line-height: .88rem; font-size: .34rem; color: #0b0c0d; border-bottom: 1px solid #ebebeb; }
.pmodal p { padding: .16rem 0 .2rem; font-size: .26rem; color: #000; text-align: center; }
.pmodal .box { margin: 0 auto; width: 3.76rem; height: .62rem; line-height: .62rem; border: 1px solid #CDCCD3; }
.pmodal .box .pwdDiv { float: left; width: .62rem; height: .6rem; line-height: .6rem; border-right: 1px solid #CDCCD3; }
.pmodal .box .pwdDiv:last-child { border-right: none; }
.pmodal .box .pwd { margin: 0; padding: 0; width: .6rem; height: .6rem; line-height: .6rem; font-size: .24rem; border-radius: 0; border: none; background: no-repeat; float: left; text-align: center; }

.m-autobidrule .rlist { padding: .3rem; }
.m-autobidrule .rlist li { padding-bottom: .1rem; }
.m-autobidrule .rlist li p { line-height: .4rem; font-size: .24rem; color: #949494; }
.m-autobidrule .rlist li label, .m-autobidrule .rlist li span { display: block; }
.m-autobidrule .rlist li label { float: left; }
.m-autobidrule .rlist li span { margin-left: .44rem; }
.m-autobidrule .rlist li .pl { padding-left: .44rem; }

.m-autobid .header { box-sizing: content-box; }
.m-autobid .header small { right: .3rem; font-size: .26rem; }
.m-autobid .tabs { width: 100%; height: .68rem; line-height: .68rem; padding: .1rem 0; background-color: #fff; display: table; table-layout: fixed; }
.m-autobid .tabs .tab { font-size: .3rem; color: #2a3134; border-right: 1px solid #ebebeb; display: table-cell; text-align: center; }
.m-autobid .tabs .tab:last-child { border-right: none; }
.m-autobid .tabs .cur { color: #20adff; }
.m-autobid .slist li { margin-top: .16rem; background-color: #fff; position: relative; }
.m-autobid .slist li .title { margin-left: .3rem; height: .88rem; line-height: .88rem; font-size: .32rem; color: #525f66; border-bottom: 1px solid #ebebeb; }
.m-autobid .slist li .title span { font-size: .24rem; color: #8c98a4; }
.m-autobid .slist li .title b { padding-right: .05rem; font-weight: normal; color: #20adff; }
.m-autobid .slist li .icon-angle-right { right: .3rem; top: 1.5rem; font-size: .4rem; color: #dcdcdc; }
.m-autobid .slist .label-switch { width: 0.84rem; height: 0.44rem; top: 0.22rem; right: 0.3rem; float: right; position: relative; cursor: pointer; display: inline-block; vertical-align: middle; box-sizing: border-box; align-self: center; -webkit-align-self: center; -webkit-tap-highlight-color: transparent; }
.m-autobid .slist .label-switch .checkbox { width: 0.84rem; height: 0.44rem; border-radius: 0.22rem; border: 0.02rem solid #e5e5e5; background-color: #fff; -webkit-transition-duration: 300ms; transition-duration: 300ms; position: relative; cursor: pointer; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; z-index: 0; }
.m-autobid .slist .label-switch .checkbox:before { width: 0.4rem; height: 0.36rem; left: 0.04rem; top: 0.03rem; border-radius: 0.2rem; background-color: #fff; content: ''; position: absolute; box-sizing: border-box; transition-duration: 300ms; -webkit-transition-duration: 300ms; -webkit-transform: scale(1); transform: scale(1); z-index: 1; }
.m-autobid .slist .label-switch .checkbox:after { height: 0.36rem; width: 0.36rem; border-radius: 50%; border: .02rem solid #e5e5e5; background-color: #fff; box-shadow: 0 0.02rem 0.02rem 0 rgba(86, 84, 93, 0.05); content: ''; position: absolute; transition-duration: 300ms; -webkit-transition-duration: 300ms; transform: translateX(0rem); -webkit-transform: translateX(0rem); z-index: 2; }
.m-autobid .slist .label-switch input[type='checkbox'] { display: none; outline: none; }
.m-autobid .slist .label-switch input[type='checkbox']:checked + .checkbox { background-color: #07ba06; }
.m-autobid .slist .label-switch input[type='checkbox']:checked + .checkbox:before { transform: scale(0); -webkit-transform: scale(0); }
.m-autobid .slist .label-switch input[type='checkbox']:checked + .checkbox:after { transform: translateX(0.4rem); -webkit-transform: translateX(0.4rem); }
.m-autobid .slist .binfo { width: 6.9rem; padding: .3rem; display: table; table-layout: fixed; }
.m-autobid .slist .binfo .item { display: table-cell; }
.m-autobid .slist .binfo p { font-size: .24rem; color: #8c98a4; }
.m-autobid .slist .binfo .num { font-size: .28rem; color: #525f66; }
.m-autobid .slist .binfo .rate { font-size: .4rem; color: #20adff; }
.m-autobid .slist .binfo .rate small { font-size: .24rem; }
.m-autobid .slist .binfo .num, .m-autobid .slist .binfo .rate { padding-bottom: .1rem; line-height: .5rem; }
.m-autobid .btn { margin: .6rem auto .16rem; width: 6.9rem; height: .98rem; line-height: .98rem; font-size: .32rem; border-radius: .1rem; background-color: #20adff; color: #fff; text-align: center; display: block; }
.m-autobid .tips { padding: 0 .3rem; font-size: .24rem; color: #949494; }
.m-autobid .tips .qicon { margin-right: .1rem; width: .3rem; height: .3rem; background: url(../images/new/qicon.png) no-repeat; background-size: 100% 100%; float: left; }
.m-autobid .rlist li { margin-top: .16rem; padding-left: .3rem; background-color: #fff; }
.m-autobid .rlist li .title { padding: .24rem 0 .32rem; font-size: .3rem; color: #525f66; }
.m-autobid .rlist li .binfo { padding-bottom: .26rem; width: 7.2rem; display: table; table-layout: fixed; }
.m-autobid .rlist li .binfo .item { border-right: 1px solid #ebebeb; display: table-cell; }
.m-autobid .rlist li .binfo .item:last-child { border-right: none; }
.m-autobid .rlist li .binfo .item:not(:nth-child(1)) { padding-left: .4rem; }
.m-autobid .rlist li .binfo p { font-size: .24rem; color: #8c98a4; }
.m-autobid .rlist li .binfo .amount, .m-autobid .rlist li .binfo .rate { color: #20adff; }
.m-autobid .rlist li .binfo .amount { font-size: .4rem; }
.m-autobid .rlist li .binfo .rate { font-size: .34rem; }
.m-autobid .rlist li .binfo .rate small { font-size: .24rem; }
.m-autobid .rlist li .binfo .num { font-size: .34rem; color: #525f66; }
.m-autobid .rlist li .sbox { padding-right: .3rem; height: .75rem; line-height: .75rem; border-top: 1px solid #ebebeb; }
.m-autobid .rlist li .sbox .time, .m-autobid .rlist li .sbox .status { font-size: .24rem; }
.m-autobid .rlist li .sbox .time { color: #8c98a4; }
.m-autobid .rlist li .sbox .status { color: #20adff; }

.m-edit .header { box-sizing: content-box; }
.m-edit .btn { margin: .4rem auto .16rem; width: 6.9rem; height: .98rem; line-height: .98rem; font-size: .32rem; border-radius: .1rem; background-color: #20adff; color: #fff; text-align: center; display: block; }
.m-edit .rbox { margin-top: .16rem; padding-left: .3rem; background-color: #fff; }
.m-edit .rbox .item { padding-bottom: .34rem; }
.m-edit .rbox .item p { padding: .24rem 0 .2rem; font-size: .3rem; color: #525f66; }
.m-edit .rbox .item:first-child { padding-bottom: .1rem; }
.m-edit .rbox.mp { margin-top: 0; }
.m-edit .rbox.mp .item { padding-bottom: .32rem; }
.m-edit .rbox .pb { padding-right: .3rem; }
.m-edit .rbox .ibox { width: 3.06rem; height: .7rem; border-radius: .04rem; border: 1px solid #EBEBEB; }
.m-edit .rbox input { height: .4rem; line-height: .4rem; padding: 0 0 0 .16rem; margin: .15rem 0 0; font-size: .28rem; color: #20adff; border: none; background: none; }
.m-edit .rbox input::-webkit-input-placeholder { color: #b5b5b5; }
.m-edit .rbox .unit { top: 0; right: 0; width: .6rem; height: .68rem; line-height: .68rem; font-size: .26rem; border-top-right-radius: .04rem; border-bottom-right-radius: .04rem; color: #697d91; background-color: #edecef; text-align: center; display: block; }
.m-edit .rbox .line { width: .7rem; height: .7rem; line-height: .7rem; font-size: .26rem; color: #8c98a4; text-align: center; display: inline-block; }
.m-edit .elist { margin-top: .16rem; padding-left: .3rem; background-color: #fff; }
.m-edit .elist li { height: .88rem; line-height: .88rem; border-bottom: 1px solid #ebebeb; }
.m-edit .elist li:last-child { border-bottom: none; }
.m-edit .elist label { width: 1.6rem; font-size: .32rem; color: #525f66; float: left; }
.m-edit .elist input { width: 65%; height: .4rem; font-size: .26rem; color: #757e83; margin: 0; padding: 0; border: none; }
.m-edit .elist input::-webkit-input-placeholder { color: #B5B5B5; }
.m-edit .elist .unit { padding-right: .3rem; font-size: .28rem; color: #525f66; }
.m-edit .elist .icon-angle-right { line-height: .88rem; padding-right: .3rem; font-size: .4rem; color: #dcdcdc; }
.m-edit .elist .ml { margin-left: 1.6rem; }
.m-edit .elist .ml > span { margin-right: .66rem; font-size: .26rem; color: #757e83; }
.m-edit .elist .ml > span span { vertical-align: middle; }
.m-edit .elist .cicon { background: url(../images/new/cicon-1.png) no-repeat; background-size: 100% 100%; }
.m-edit .elist .check { background: url(../images/new/ccicon-1.png) no-repeat; background-size: 100% 100%; }
.m-edit .elist .cicon, .m-edit .elist .check { width: .24rem; height: .24rem; margin-right: .12rem; display: inline-block; vertical-align: middle; }
.m-edit .tips { padding: 0 .3rem; font-size: .24rem; color: #949494; }
.m-edit .tips a { color: #20adff; }
.m-edit .tips span { vertical-align: middle; }
.m-edit .tips .cicon { margin-right: .12rem; width: .24rem; height: .24rem; background: url(../images/new/uncicon.png) no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; }
.m-edit .tips .cicon.check { background: url(../images/new/cicon.png) no-repeat; background-size: 100% 100%; }
